CloudFlare 免費 WordPress 外掛教學,一鍵為網站快速套用最佳化設定



CloudFlare 免費 WordPress 外掛教學,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛教學,一鍵為網站快速套用最佳化設定
(Photo credit: TechCrunch via Visualhunt / CC BY)

最近 CloudFlare 在台灣網路圈吵蠻兇的,起因是 CloudFlare 八月在自家網站公布服務在全世界各地頻寬支出成本(參考資料:Bandwidth Costs Around the World),其中點名的六家超高成本 ISP 業者在亞洲就有台灣中華電信 HiNet 及韓國電信,相較於歐洲或北美支出的頻寬成本來說多出 15 倍!CloudFlare 為了提出抗議,更大動作將連線到使用 CloudFlare 服務網站的中華電信使用者導向頻寬成本較低的美國西岸節點。

其實連到美西頻寬夠大,速度倒也不是非常糟,畢竟很多網站都選擇放在開銷較低的國外機房,那麼這段距離對於台灣使用者開啟網站的速度並沒有太大影響。但恰巧中華電信近期發生海底電纜異常,尖峰時段連線壅塞造成很多網站無法打開,才會有好像取消台灣節點造成網站變慢的問題。

撇開這些狀況不說,我還是推薦架站時搭配 CloudFlare 提供的免費 CDN 來加速網站連線速度,同時遏止任何可能的攻擊或安全問題,類似服務還有 Incapsula,但沒有它來得這麼全面(目前 CF 節點數也是同類服務之冠)。

關於 CloudFlare 使用教學我在「CloudFlare 架站者必備免費 CDN、DNS 託管服務設定教學,網站載入加速、節省流量防止惡意攻擊」一文有完整說明,若你是使用 WordPress 架站,我建議你務必安裝全新 CloudFlare 外掛,它為 WP 使用者提供更多功能。

早先 WordPress 的 CloudFlare 外掛只有解析 IP 功能,讓無法在控制台迴響顯示使用者真實 IP 位址的問題得以解決;近期 CloudFlare 外掛更新,將設定選項帶進 WordPress 控制台,往後將可以在控制台進行一些基本的設定或操作,也能查看分析報表。

網站名稱:CloudFlare for WordPress
網站鏈結:https://tw.wordpress.org/plugins/cloudflare/

使用教學

STEP 1

登入 WordPress 控制台後,點選左側選單的「外掛 -> 安裝外掛」,右上角填入 CloudFlare 會跳出相關結果,第一個就是來自 CloudFlare 官方的外掛功能,點選「立即安裝」即可將它下載安裝到網站。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

在外掛列表中將 CloudFlare 啟用,設定裡就會多一個 CF 設定頁面。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

STEP 2

不過要在控制台使用 CloudFlare 功能,必須要連結到你 CF 帳戶,驗證方法是 Email 加上你的 API 密鑰,這組密鑰在哪呢?只要開啟 CloudFlare 控制台並點選右上角的 My Settings 就能找到(網頁下方的 Global API Key,點選 View API Key 就會顯示)。

這組密鑰非常重要,等同於你的密碼,切勿將它告訴其他人。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

回到 WordPress 的 CloudFlare 設定頁面,輸入你的 CloudFlare 帳號(Email)及 API Key 就能成功串連,基本上登入畫面只需要設定一次,之後就不會再次出現。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

STEP 3

接著會看到 CloudFlare 在全新 3.0 版加入的所有功能,介面也變得跟以前不同。

如果你剛開始接觸 CF,沒有太多時間來詳細研究各項設定,推薦你直接使用第一項設定的「Apply Default Settings」一鍵套用最適合網站效能的建議設定值,這也是此次更新後我認為最喜愛的功能。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

STEP 4

CloudFlare 在新的 WordPress 外掛程式上已經加入清理快取(Purge Cache)自動化完整快取管理(Automatic Full Cache Management)功能,若開啟後當你更新網站選項時就會自動清理 CloudFlare 的快取內容。不過預設情況下其實不太需要打開,因為網站頁面並不會被 CloudFlare 快取,只有圖片等靜態元件才會。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

STEP 5

另外,設定頁右上角的「Enable “Im Under Attack” Mode」是一項很特殊的功能,如果你認為你的網站正遭遇攻擊,或者有人想嘗試登入網站(例如使用暴力破解),點選後就能使網站獲得更高安全性的保護措施。

正常情況下並不建議開啟這項功能,因為很可能會使一般訪客在瀏覽時發生問題。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

STEP 6

其他設定選項在「More Settings」可以找到,完整設定項目建議回到 CloudFlare 調整修改,外掛裡沒有涵蓋所有選項。但還是要補充一下,從 Analytics 裡可以看到 CF 端的分析圖表了!這也是此次更新中非常令人振奮的全新功能。

CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定CloudFlare 免費 WordPress 外掛下載,一鍵為網站快速套用最佳化設定

Ten articles before and after

Cloudflare 註冊最便宜網域不加價,整合免費 CDN 和 SSL 憑證

讓 Cloudflare 成為免費 DNS 代管,不開啟 CDN 或 WAF 加速防護功能

以 Automatic Platform Optimization (APO) 為 WordPress 快取加速網站

使用高鐵 T Express 手機 APP 購票,可設定統編、公司名稱產生購票證明

啟用 Google Chrome 全新 PDF 檢視器更新,開啟目錄側邊欄和雙頁檢視

在 Mac 使用 Google 瀏覽器很吃資源很耗電?或許你該考慮將它完整移除

小技巧:讓 Safari 開新分頁自動顯示在最後方,更接近 Chrome 使用習慣

Steam 電子發票載具歸戶教學,買電腦遊戲也可自動對獎

Steam 帳號被盜怎麼辦?重設密碼並開啟 Steam Guard 兩步驟驗證防護

Microsoft Edge 內建網頁擷取功能,快速截圖加入附註標示匯出 Jpeg