Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 %

你想提升自己網站的速度以及安全性嗎?常常聽到人家說使用 CDN 可以幫網站加速,但卻不知從何下手嗎?

如果你也有遇到上述提到的 2 個問題,那麼使用 Cloudflare 將可以免費幫你解決!

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 3

使用 Cloudflare 之後,最大的好處就是網站速度快了 45%,並且防護下不計其數的潛在威脅與功能,真的是令人感到非常身心愉悅。

因此,接下來這篇文章主要是幫助不懂程式碼的新手站長,透過啟用 Cloudflare 這家雲端運算服務商,免費地為自己的 WordPress 網站附加上 CDN ( 內容傳遞網路 )、DNS 解析、防 DDOS 攻擊等功能,讓自己的網站變的更加快速與安全。

Cloudflare 是什麼?

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 4

Cloudflare 是一家位於美國舊金山的雲端運算服務商,這家公司的主要業務為提供網站管理者 CDN服務,同時降低網站的頻寬流量,並提升效能、載入速度以及改善使用者體驗。

除此之外,Cloudflare 還可以保護你的網站 DDOS ( 阻斷服務攻擊 )等駭客攻擊,確保網站免於遭受攻擊就掛掉的情況,能一直保持上線狀態,光是這點就可以說非常適合為客戶架設網站的網頁設計公司、接案工作者們使用。

不過,要真的了解 Cloudflare 的業務內容究竟是什麼,我們必須先解釋一下前面一直提到的 CDN 這個名詞。

CDN 是什麼?

CDN 全名為 Content Delivery Network,中文翻譯作內容傳遞網路,是指一種透過互相連接的伺服器網路系統,利用最靠近每位使用者的伺服器,更快地將網站上的資料傳送給使用者。

如果你曾架過一個 WordPress 網站就會知道,你的網站是架設在一個遠端運行的主機上面,而這個主機的位置會依照你承租的服務商,可能位於新加坡、美國、日本等不同的國家。

舉例來說,假設你的主機是位於美國,而你的網站主要是服務台灣人,這時在台灣上網的人想要看你網站的東西,但卻必須連線到你位於美國的主機,因此導致了你的網站載入速度很慢,讓使用者的體驗不佳。

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 5

這其實是非常沒有效率的,因為你人就在台灣,訪客也都在台灣,結果大家必須連線到美國才能看你的網站,中間這一來一往就浪費的很多流量與時間。

說到這邊,這時你可能會好奇:「那為什麼我要承租美國的主機呢?我直接承租台灣的主機商不就好了?」

其實這個問題蠻見仁見智的,的確有蠻多人會因為這樣去選擇台灣的主機商,不過以我個人來說,我選擇的國外的主機商 ( Linode, Cloudways ) 相較於國內的主機商,通常都比較大,也經營的比較久遠,因此對我來說相對比較不容易出問題。

延伸閱讀:2020/09 台灣知名主機商遠振資訊遭到 DDOS 攻擊

還有一點是,如果你選擇了台灣的主機商,那麼假設有些在美國或是歐洲的台灣人想要看你的網站的時候,這時候他們一樣會遭遇到主機距離太遠、而導致網站載入速度緩慢的問題。

因此,為了要徹底解決這種地域性差別的問題,讓不管在哪邊的訪客都能享受到最快的網頁載入速度,這時就需要使用到一種稱為 CDN ( Content Delivery Network 內容傳遞網路 ) 的技術。

CDN 如何運作?

所謂的 CDN 就是透過一種稱為雲端運算的技術,將你的網站中所有的靜態檔案儲存起來 ( 類似快取的概念 ),並將這些檔案分送到 Cloudflare 位於全球各大不同城市的服務據點上。

如此一來,便可以讓使用者們直接就近取得網站的資料,因此解決了地域性差別的問題,大幅的提升了網站的載入速度。

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 6

以剛剛的例子來說,雖然你的主機位於美國,但如果你有使用 Cloudflare 的 CDN 服務,位於台灣的使用者將會連線到 Cloudflare 的台北資料中心取得資料;位於法國的使用者將會連線到 Cloudflare 的法國資料中心取的資料,大家不用每次都再千里迢迢的跑到美國主機去拿資料。

因此,如果你跟我一樣是來自台灣的 WordPress 站長,即使你的網站主機位於美國,使用 Cloudflare 將可以直接讓用戶取用你存放在 Cloudflare 台北資料中心的資料,不用再橫跨一座太平洋去把 http request 傳送到在美國的機房,進而為你的網站帶來更快的載入速度。

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 7

目前,Cloudflare 的服務據點已經遍佈超過 200 個城市、並橫跨 100 多個國家,其中 Cloudflare 也有在台北 ( Taipei ) 設立資料管理中心,因此相當適合台灣使用者,具體還有在那些國家與城市設點,可以參考官方網站

延伸閱讀:Cloudflare CDN(內容傳遞網路)

註:免費版的 Cloudflare CDN 並不會走最短路徑,而是有可能你人在台灣卻將你的伺服器帶往美國,因此請確認之後再進行使用。

使用 Cloudflare 的好處?

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 8
  • 提高網站載入速度:如同前面所提到的,Cloudflare 將會利用位於訪客最近的 CDN 資料中心來儲存網站資料,因此可以讓訪客以更快的速度讀取到網站內容,進而提升網站整體的使用者體驗。
  • 降低故障風險:短時間的大量流量或主機故障將可能會導致網站當機以及連線失敗,透過 CDN 分攤主機的流量,可以減少因短時間內的大量流量而造成網站故障的問題。
  • 減少頻寬耗損:由於使用 CDN 可以分攤主機的流量,因此也相對降低了主機頻寬的耗損,進而減輕對主機的負擔。
  • 加強網站防護:使用 Cloudflare CDN 還能防護 DDOS 攻擊、內建防火牆、雙向加密 SSL 憑證,讓網站變得更加安全。

總之,使用 Cloudflare CDN 最大的好處主要在於提升網站的效能安全性,而且上述提到的功能都是完全免費的 ( 一個信箱可以對應一個網域 ) 。

基本上使用 Cloudflare 對網站沒有任何缺點 ( 至少我目前用下來找不到 ),因此建議你在架站的時候,可以一併將 Cloudflare 納入考量。

延伸閱讀:Cloudflare CDN SSL/TLS | CDN Security

如何啟用 Cloudflare

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 9使用 Cloudflare 之後,最大的好處就是網站速度快了 45%,並且防護下不計其數的潛在威脅與功能,真的是令人感到非常身心愉悅。

啟用 Cloudflare 的方式非常簡單,只要去 Cloudflare 註冊一個免費帳號,然後再將你網域的 Nameserver ( 域名伺服器 ) 換成它們的就可以了。

舉例來說,假設你原本是使用 Godaddy 來管理你的網域,你只要去 Godaddy 那邊將你的 Nameserver ( 名稱伺服器 ) 更改為 Cloudflare 的 Nameserver 即可完成,非常簡單。

不過醜話先說在前頭,正確啟用 Cloudflare 的步驟,可能還是會因為每個人網站結構的不同而有所調整,這部分還是需要網站管理者對於主機、網域、DNS 有相關的了解再來操作比較好。

因此當你依照了下面的教學,可能會出現 Error Too Many Log 的錯誤,這時候建議你先停用 Cloudflare,並詢問你的主機商如何解決。

預計完成時間: 15 分鐘。

註冊 Cloudflare

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 10來到 Cloudflare 官網,並點擊右上角的註冊按鈕。

輸入帳號密碼

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 11Cloudflare 的註冊非常簡單,不需要姓名也不需要身分證,只要 Email 跟一組密碼即可完成。

值得注意的是,由於安全性的考量,Cloudflare 的密碼需要包含特殊字元,例如@~,要記得加進去才能順利註冊。

輸入你的網域

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 12接著需要輸入你想要啟用 Cloudflare 的網站網域,例如我的是 midnightnonsense.com

選取免費方案

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 13由於 Cloudflare 有提供一個帳號一組免費網域使用額度,因此在這邊直接選免費方案即可,當然如果你有其它的需求可以選擇更付費方案。

詳細的方案差別,可以參考 Cloudflare 官網價目表

確認 DNS

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 14接著 Cloudflare 會去比對你在前面輸入的網域的 DNS 紀錄,並將比對結果顯示在此給你檢查,基本上不會有什麼問題,直接按繼續即可。

選擇預設轉移方法

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 15接下來,我們選擇使用預設方法進行啟用 Cloudflare,也就是透過改變 Nameserver ( 名稱伺服器 ) 的方式來進行轉移 DNS 託管。

複製新的 Nameserver

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 16接著複製中間 2 個 Cloudflare 提供給你的 Nameserver ( 名稱伺服器 ),先不要按下面的完成。

取代為新的 Nameserver

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 17接著來到你的網域商控制介面,找到有關於 DNS, Nameserver 相關的設定,並將原本的 Nameserver 更改為剛剛複製的 2 個 Cloudflare Nameserver,即可完成。

將 SSL 改為彈性

【2021】Cloudflare CDN 教學,免費提升 WordPress 網站速度 50 % | 18更改完 Nameserver 之後,回到剛剛 Step 7 的地方,並按下完成,就會跳出這個畫面。

為了避免出現重新導向次數過多的問題,這邊我習慣先將加密模式調成彈性。

確認成功啟用