Cloudflare-免費網站加速服務、CDN、DNS、優化設定教學

【教學】Cloudflare 免費網站加速服務、CDN、DNS、優化設定教學

作者：Joyy 志強 文章日期：2022-04-27
修改日期：2023-09-21 分類：WordPress 網站架設, 工具

Cloudflare 是一間成立於 2009 年的網路公司，主要協助提供網路安全、網路資訊相關服務。他提供了完全免費的 CDN 與 DNS 服務，讓許多人可以透過 Cloudflare 的服務來加速自己的網站速度、或透過付費的服務來達到更安全的網路資訊防護。

在這篇文章中，將和你的分享，我如何使用 Cloudflare 的免費服務，來加速我自已的網站，還是一些優化的設定，提供給你一起來使用看看囉。

什麼是 CDN 內容傳遞網路

CDN 內容傳遞網路 (Content Delivery Network或Content Distribution Network)，是指一種透過網路互相聯接的電腦，利用最近的使用者伺服器，更快、更可靠的把音樂、圖片、應用程式、檔案等傳送給使用者。用來提高效能與降低網路內容傳遞成本給使用者。

像知名影音平台 Netfilx 就是透過穩定的 CDN 來將影音內容傳送給每位使用者。

對於 CDN 還想了解更多的話，可以參考 cloudflare 所提出相關說明 點此

Cloudflare 的服務提供了哪些好處?

Cloudflare 的服務中，光是免費的服務，就可以為我們許多架設網站的用戶，來帶許多方便的地方。整理為以下幾點好處：

  • 免費的 CDN 與 DNS 設定，1 個帳號可以免費使用於多個網站。
  • 無 CDN 流量限制，大幅度減少網站流量消耗。
  • 可避免分段式阻斷攻擊 DDOS，提高網站載入速度。

如何開始使用 Cloudflare 的服務

Cloudflare 的服務是全球性的，所以本身在頁面上，已有繁體中文的顯示囉。以下的整理步驟，帶你一步步開始使用 Cloudflare 的服務。

點此開啟 Cloudflare

註冊免費帳號

[step]1[/step]

註冊Cloudflare

[step]2[/step]

註冊Cloudflare輸入帳號和設定密碼

填入你想要使用為帳號的電子郵件 ( E-Mail )，並設定一組密碼。下方會出現密所需要的規則，請務必牢記。

[step]3[/step]

驗証帳號

註冊Cloudflare郵件確認

驗証註冊帳號的郵件。

註冊Cloudflare郵件確認成功

完成 Cloudflare 帳號註冊。

如何設置 Cloudflare 服務

[step]1[/step]

新增網站

使用Cloudflare服務_02
使用Cloudflare服務_03

[step]2[/step]

啟用免費服務

使用Cloudflare服務_04
使用Cloudflare服務_05

後台顯示畫面。這裡就紀錄著一些需要的設定。看起來好像很複雜，但其實使用到的只會有【類型 A】這個項目。

[step]3[/step]

連接網域服務-自訂 DNS

使用Cloudflare服務_06

在畫面中，可找到如上圖，屬於我們要申請網域使用 cloudflare 服務的名稱伺服器。

使用Cloudflare服務_07

這裡我是以 Gandi 為範例，而所有的網域服務，可以進行這項設定的。

到 Gandi 的後台，找到 【名稱伺服器】→ 點擊畫面下方的【變更】，進行設定。

使用Cloudflare服務_08

點選外部，設罝剛剛在 Cloudflare 看到的名稱伺服器。2 個都設置完後，下方按下儲存。

使用Cloudflare服務_09

完成名稱伺服器設置。

✪推薦閱讀：如何在 Gandi.net 購買與註冊網域

設置連線 IP 至 Cloudflare

接著就是要讓用戶或搜尋網站，在進到網域時，可以連到伺服器看到內容，所以接著要把伺服器的 IP 設置到 Cloudflare 裡。

使用Cloudflare服務_10

這裡是以 Cloudways 做說明範例。

到 Cloudways 裡，已經安裝好 WordPress 的 Apps 中，就會看到如上圖紅色箭頭的位置，就是主機IP，複製他。

使用Cloudflare服務_11

回到 Cloudflare 的後台，如上圖網域類型 A 的位置，後擊後方的編輯。

使用Cloudflare服務_12

將主機的 IP 貼上至 IPv4 的欄位後，按下儲存。

使用Cloudflare服務_13

回到 Cloudways 的後台，找到 Domain Management 裡，將網址置設上去為主要網址。目的就是要把原本安裝 WordPress 的位置( 就是 wordpress-762543… 這一串 )，換成正式網域。

使用Cloudflare服務_14

再到 SSL 的選項，把 Cloudways 送的免費 SSL 加密連線給使用上，如上圖的方式。

使用Cloudflare服務_15

回到 Access Details，就會看到網址 ( URL )，就不會是一串長長的內容囉。

此時點擊紅色箭頭，即可開啟 WordPress 的後台，這時的連線，就已完成 Cloudflare 的相關設置囉。

✪推薦閱讀：WordPress 主機最佳推薦，Cloudways 詳細圖文介紹 !

推薦 Cloudflare 設定的方式

從上述的註冊設定，可以知道 Cloudflare 主要就是在協助進行網路相關的提速、連線安全、加密等工作。但也不是一開始所有設定都是最好的。在此進行以下的設定建議，推薦讓你使用看看囉。

SSL/TLS加密模式

cloudflare設定建議_01

就選『完整』這個選項吧。

自動縮製

cloudflare設定建議_02

這個設定位置在 速度 → 最佳化 裡，3 個項目都打勾。

Brotli 壓縮

cloudflare設定建議_03

這是個網頁載入時的壓縮技術，位置在 速度 → 最佳化 裡，可以用來加速用戶頁面的載入時間。

Early Hints

cloudflare設定建議_04

這在 cloudflare 是測試的功能，是能先預先載入連結的資產。

Rocket Loader

cloudflare設定建議_05

一樣是個加快網頁的技術，開啟就對了。

Always Online

cloudflare設定建議_06

這也是個測試版的功能。位置在 Catching → 設定 裡。主要可以幫助當與主機連線失敗時，會幫助你不會顯示錯誤，而是透過副本的方式來呈現。

結論

Cloudflare 是一個免費，又能幫助網頁加速、加密與 DNS 設定的好用工具。真的十分推薦一定要使用他，有了他，就可以大大的為自已網站提升不少使用體驗，如果對於 Cloudflare 有任何想法，也歡迎在下方留言處留言和我一起分享唷。

打造網路賺錢基地 實戰課程

▲ 讓你擁有一個能帶來現金流的網路賺錢基地，建立網路收入之路，實踐打造網路賺錢基地的策略與技巧 !

其他 WordPress 網站架設 相關文章推薦

About Joyy

網路行銷玩家
現任職於顧問公司擔任行銷。分享許多網路行銷與網路賺錢相關知識 ! 期待透過更多免費的分享，讓更多人學到如何有效的從網路上建立屬於你自己的收入來源。

粉絲專頁

最新文章

Udemy 線上課程


▲ 讓你擁有一個能帶來現金流的網路賺錢基地，建立網路收入之路，實踐打造網路賺錢基地的策略與技巧 !

留下您的問題：