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

以 Automatic Platform Optimization 為你的 WordPress 快取加速網站

一直以來我都是 Cloudflare 的忠實用戶,除了可以做為 DNS 代管,為網站提供更快、更穩定的速度及安全防護功能,後來也變身為網域名稱註冊商 Cloudflare Registrar,直接給出最貼近成本價的域名註冊和續用價格,包括 SSL 憑證、DNSSEC 或 WHOIS 隱私防護等功能在內都是不須額外加價的附加服務。如果你是使用 WordPress 架站,我也寫過 Cloudflare 的 WordPress 外掛教學,只要下載啟用後連接到你的帳戶就能快速整合 Cloudflare 各項功能。

兩個月前 Cloudflare 宣布推出一項「Automatic Platform Optimization」(簡稱 APO)功能,從最多人使用的 WordPress 開始,透過 APO 為網站提供更快的瀏覽速度,Time to First Byte(TTFB)時間減少 72%、First Contentful Paint 減少 23%、桌面端的速度指標降低 13%,根據 Cloudflare 提供的測試結果發現即使沒有使用任何內容傳遞網路(CDN),速度依然可獲得相當顯著的提升。

如果你曾經研究過如何透過 Cloudflare 讓 WordPress 加速、提高負載或讓更多人同時在線上,應該還記得早期有透過 Page Rules 設定「Cache Everything」參數強制 Cloudflare 快取所有頁面,或是後來以 Cloudflare Workers 提高 WordPress 速度和效能的做法,而這些作法不外乎是將頁面和靜態檔案快取暫存到 Cloudflare 邊緣網路(Edge Network),就不用每次載入時都必須回到原伺服器,達到提升載入速度及降低伺服器負載的效果。

這次 Cloudflare 推出的 Automatic Platform Optimization(APO)將原有複雜、難懂的設定流程變得更簡單,只要在 WordPress 安裝 Cloudflare 外掛,將此功能開啟後回到 Cloudflare 檢查是否完成連接就能自動開啟此功能。更棒的是 Automatic Platform Optimization(APO)本身就是快取效果,可以將原有的網站快取外掛移除,改由 Cloudflare 為你進行網站的快取工作。

要注意的是 APO for WordPress 選項在 Cloudflare 免費方案上必須額外支付每月 $5 美元,如果你已經是 Professional、Business 和 Enterprise 付費方案則無需額外付費。這項功能不會針對使用的流量進行收費,沒有使用限制,也沒有讓使用者吃驚的隱藏價格。

Cloudflare
https://www.cloudflare.com/zh-tw/

使用教學

以下 Cloudflare 的 Automatic Platform Optimization(APO)功能僅針對自架站 WordPress 有用,對於和現有外掛相容性請參考幫助中心的「Understanding Automatic Platform Optimization (APO) with WordPress」頁面,除此之外,前面有提到若你是免費方案必須額外支付每月 $5 美元才能使用。

STEP 1

如果你還沒註冊申請 Cloudflare 可以參考我的教學:Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學,網站載入加速、節省流量防止惡意攻擊,在 Cloudflare 的「Speed」可以找到這個選項,我們先不要在這裡開啟,而是選擇透過 WordPress 外掛來啟用此功能。

Automatic Platform Optimization (APO) for WordPress

STEP 2

從 WordPress 控制台的「外掛」功能搜尋 Cloudflare 安裝官方提供的外掛程式。

Automatic Platform Optimization (APO) for WordPress

安裝後啟用,點選「Settings」或從「設定」找到這個外掛相關選項。

Automatic Platform Optimization (APO) for WordPress

STEP 3

在 WordPress 的外掛設定裡需要將網站和 Cloudflare 進行連結,點選 Sign in 輸入在接下來步驟會取得的 API 金鑰(這組 API Key 跟你的密碼一樣重要,記得不要被別人取得)。

Automatic Platform Optimization (APO) for WordPress

STEP 4

回到 Cloudflare 控制台,點選右上角「My Profile」後選擇上方選單的「API Tokens」,在這裡我們先按下藍色的「Create Token」建立一個新的 API 金鑰,這是要讓 WordPress 外掛進行驗證和使用你的帳戶。

Automatic Platform Optimization (APO) for WordPress

在建立 API token 時從下方選擇「WordPress」模板。

Automatic Platform Optimization (APO) for WordPress

接著將「Account」和「Zone」兩個選項分別選擇你的 Cloudflare 帳戶和要設定的網站。

Automatic Platform Optimization (APO) for WordPress

最後檢查一下設定值,沒問題的話點選下方藍色的「Create Token」建立此金鑰。

Automatic Platform Optimization (APO) for WordPress

如此一來 Cloudflare 就會產生 WordPress 適用的 API 金鑰,點選 Copy 複製這串代碼。

Automatic Platform Optimization (APO) for WordPress

STEP 5

回到 WordPress 外掛設定畫面,輸入你的 Cloudflare Email 和剛才產生的 API Token,按下「Save API Credentials」就能完成網站和 Cloudflare 連結。

Automatic Platform Optimization (APO) for WordPress

STEP 6

儲存後開啟 WordPress 的 Cloudflare 外掛設定功能,將 Automatic Platform Optimization 開啟吧!如果你是使用免費方案,應該會看到付費選項,必須要先設定信用卡支付方式才能繼續下一步。

在 APO 選項下方還有一個「Cache By Device Type」選項,如果你的網站有針對桌面端和行動裝置提供不同的版本,記得要勾選此選項來建立個別的快取內容。

Automatic Platform Optimization (APO) for WordPress

回到 Cloudflare 控制台也會看到 Automatic Platform Optimization(APO)選項啟用,說明會提醒使用者這項功能會在那些網址生效。

Automatic Platform Optimization (APO) for WordPress

STEP 7

當然 Automatic Platform Optimization 主要用途是在 Cloudflare 的 Edge Network 建立快取,讓瀏覽者不需要向原伺服器進行請求,如果你原本有快取外掛的話記得要停用以免發生問題。

那麼要怎麼確認 APO 已經在 WordPress 成功跑起來了呢?開啟無痕模式,從開發者工具查看一下網頁的 headers 部分有沒有 cf-apo-viacf-cache-status: HIT 等等字樣,有的話代表頁面已經快取在 CF 的邊緣網路上。APO 會在文章或頁面有更新時自動清除快取,使網頁保持在最新狀態。

Automatic Platform Optimization (APO) for WordPress

值得一試的三個理由:

  1. Cloudflare 全新 Automatic Platform Optimization 加速功能,付費方案可免費使用
  2. 在 WordPress 安裝 Cloudflare 外掛,設定後就能快速啟用做為網站快取
  3. 取代原有的 WordPress 快取功能,也可依照裝置類型建立個別快取
分享本文