使用Cloudflare APO 最佳化快取WordPress 網站

如果您在 WordPress 網站上如果使用太多不必要的外掛程式及性能不好的主機或是不熟悉快取外掛設定，不僅會造成管理上的困難及造成前端網站、後台速度緩慢，相反您可以考慮切換使用 Cloudflare APO的服務。

它可以讓您的網站載入速度提升好幾倍，Cloudflare 的自動平台最佳化 (APO) 功能包括超快速的全球CDN、智慧型的快取機制、免費 SSL等…….多項功能，而且無需進行繁瑣的設定。

什麼是Cloudflare APO?

Cloudflare APO (Automatic Platform Optimization) 是 Cloudflare 的一項服務，透過自動化網站的優化，提高 WordPress 網站的載入速度和性能。

APO 主要透過以下幾個方面實現網站優化：

  1. CDN 加速：APO 使用 Cloudflare 的全球 CDN 網絡，可以將網站的內容傳送到全球各地的用戶，從而加速網站載入速度。
  2. 優化 HTML：APO 可以自動壓縮和縮小 HTML 文件，減少載入時間。
  3. 優化 CSS 和 JavaScript：APO 可以自動壓縮、縮小和緩存 CSS 和 JavaScript 文件，減少載入時間。
  4. 網站及字體快取：APO 可以自動處理網站及字體快取，從而提高網站的載入速度和性能。
  5. 啟用 APO 後網站頁面 TTFB 載入時間減少了 70 – 300%，大幅度改善網站的用戶體驗。

APO 的另一個優點是它無需進行任何複雜的設定或更改程式碼，使用者只需將網站接入 Cloudflare，購買啟用 APO 功能即可。此外APO 還可以提高網站的 SEO 排名，並減少服務器負載這些都是提高網站性能的重要因素。

總結來說，APO 是一個非常有用的工具，可以幫助 WordPress 網站提高載入速度和性能，從而提供更好的用戶體驗。

使用APO還需要用其他的快取外掛嗎?

如果您使用了 Cloudflare 的 Automatic Platform Optimization (APO) 功能，建議停用 WordPress Cache Plugins 任何快取外掛，因為 APO 已經包含了快取功能並且自動優化網站的 HTML、CSS 和 JavaScript 代碼，以及其他資源，從而提高網站的載入速度和性能。

如果您仍然使用其他快取外掛，有可能會與 APO 產生衝突，盡而導致網站出現問題，或者使網站的載入速度變慢，因此建議停用這些快取外掛，並清除快取，確保您的網站能夠正常運行。

如果您使用了其他外掛，例如安全外掛或備份外掛，這些外掛通常不會對 APO 產生影響，因此可以繼續使用，但是如果您有任何疑問，建議先停用這些外掛，然後測試您的網站，以確保一切運行正常。

Cloudflare APO 收費方案為何?

Cloudflare 的免費方案提供了一些基本的 CDN 和安全功能，但不包括 Automatic Platform Optimization（APO）服務，如果您是免費用戶想要使用 APO 服務，您可以選擇單獨支付每月 5 美元的費用來啟用 APO。

Pro 方案、Business 方案、Enterprise 方案，已包含了Cloudflare APO功能，所以無需每個月多付5美元訂閱此功能Cloudflare APO

Cloudflare APO該如何使用?

創建 Cloudflare API Token

Step1.在儀表板右上角的個人資料，Step2.選擇 我的設定檔→ Step3. API 權仗 → Step4. 建立 Token

Step5.在API Token 範本頁面中，點擊 Cloudflare已經預設好的WordPress 範本，WordPress範本為Cloudflare建議的權限配置，無需再去做更改。

Step6.更改你要的Token名稱(這部份無需強制一定要更改)

Step7.配置完 Token 參數後，向下滾動並點擊 繼續至摘要。

Step8.點擊 建立Token

Step9.請務必將 API Token 複製起來，稍後安裝 Cloudflare WordPress 外掛時會用，請關閉該頁面。

安裝 Cloudflare 外掛

Cloudflare 外掛可以直接從 WordPress 外掛目錄中搜尋到並安裝。

安裝完啟用後，回到 WordPress 側邊控制欄中的設定→Cloudflare，然後點擊 Here 登入Cloudflare。

輸入Cloudflare 帳號以及之前保存的 API Token，點擊 Save API Credentials 以完成登錄過程。

到此Cloudflare 外掛已全部設定完畢，接下來我們再轉到 Cloudflare 控制台啟用自動平台最佳化。

在 Cloudflare 中啟用自動平台最佳化

Cloudflare APO在 Pro、Business 和 Enterprise 方案中無需額外費用，如果你使用的是 Cloudflare 免費方案，則必須用每個月5元美金訂閱Cloudflare APO

在Cloudflare 控制台中的側邊欄點選 您的域名→DNS→記錄 讓您WordPress 網站的網域啟用了 Cloudflare 的 DNS 記錄中的 橘色雲

在WordPress 控制台中，側邊控制欄中的 設定→Cloudflare，點擊 Automatic Platform Optimization 設置旁邊的啟用按鈕

再回到Cloudflare 控制台中的側邊控制欄選擇 速度→最佳化→內容最佳化→WordPress 自動平台最佳化

如果前面的設定動作都沒錯的話在啟用 APO 後，會顯示「在 XXX.com 成功偵測到 WordPress 外掛程式」。

確認你的網站與 Cloudflare APO 是否正常運行中

使用 Web 瀏覽器的內置檢查器檢查對你網站的請求的 HTTP 標頭，我們將使用 Google Chrome 來檢查，首先，開啟瀏覽器無痕模式視窗。

在 Chrome 瀏覽器開啟無痕模式然後按鍵盤F12鍵，從功能表列中的網路→網域名稱→標頭

正常設定後會看到三個標頭值，當標頭值與下列的 headers 完全匹配時，則代表APO 工作正常運作中

  • cf-apo-via ：如果是出現tcache值表示請求是從 Cloudflare 的快取提供您的網站資料。
  • CF-Cache-Status ：出現HIT表示頁面是否由 Cloudflare 的 CDN 提供服務，如果未出現HIT請按F5鍵 刷新頁面幾次後應該就會正常出現。
  • cf-edge-cache：出現cache, platform=wordpress 代表Cloudflare WordPress 外掛正確配置中並正常運作中。

使用CloudFlare APO 與 未使用CloudFlar APO 的比較

使用CloudFlare APO之後TTFB的時間大幅縮短

未使用CloudFlare APO的TTFB的時間大幅偏高

再來是用GTmetrix 前後測試，使用CloudFlare APO 與 未使用CloudFlar APO 的比較

下方的數據圖片中，左手邊使用APO 之後所有的數據時間還算不錯，右手邊未使用APO所有的數據時間都明顯偏高

總結

Cloudflare APO是一項能夠大幅提升 WordPress 網站性能的服務，它不僅能夠優化網頁載入時間，還可以提高圖片和其他字型檔、JS檔、CSS檔的載入速度，當然如果搭配了性能更好的主機，無疑更是增強網站整體的使用體驗度和穩定性，這正是 Cloudflare APO 的一大優點所在，由於受到 Cloudflare 跟台灣的網路一些因素，所以會損失 TPE 及KHH這兩個節點轉而繞至LAX或 NRT、SIN 的節點進入台灣，速度上雖然感受不出太大的差異，但也是一個比較遺憾的地方。

返回頂端