Cloudflare 每月 5 美元的 WordPress 速度插件有效嗎?

已發表: 2022-02-23

如今,WordPress 速度非常重要。 對於 SEO,為了用戶體驗,以及為了不惹惱您的網站訪問者。 但是,如果將 WordPress 留給自己的設備使用,它可能會有點慢。

有很多方法可以提高 WordPress 的速度,這些年來我已經審查了很多方法:優化插件,如 perfmatters 或 WP Rocket; 內容交付網絡(CDN); 圖像壓縮、快速 WordPress 主題和託管。 在這篇文章中,我正在回顧一些不同的東西: Cloudflare 的高級 WordPress 速度插件(每月 5 美元)。 我將介紹它是什麼,如何設置它,並衡量它對加速 WordPress 的真正幫助有多大,這樣你就可以知道它是否值得付費。

讓我們加快速度吧。

目錄

Cloudflare 的 WordPress 速度插件是什麼?

Cloudflare 是一家網絡性能和基礎設施公司,於 2009 年在舊金山成立。雖然他們提供多種優質網站服務,但許多 WordPress 用戶註冊了 Cloudflare 的免費 DNS(域名系統)、CDN 和 SSL(安全套接字層)服務。

cloudflare 免費 CDN 服務

Cloudflare 的免費計劃可以通過緩存靜態資源然後從不同的全球位置提供服務來幫助加速 WordPress 網站。 不是每個站點訪問者都需要訪問您的單一源服務器位置(例如,位於紐約),而是為訪問者提供來自離他們最近的 Cloudflare CDN 服務器的靜態內容。

cloudflare 服務器位置
Cloudflare 的服務器網絡遍布全球 200 多個城市

Cloudflare 的 WordPress 速度插件是該公司自動平台優化 (APO)服務的一部分,每月收費 5 美元(1 個域),聲稱通過緩存和優化“為您的 WordPress 網站增壓”,使其加載速度提高 3 倍。 在本文的其餘部分,我們將其簡稱為Cloudflare 的 WordPress APO

cloudflare wordpress 速度插件

如果您已經註冊了他們的免費 CDN 計劃並使用他們的名稱服務器(如 clyde.cloudflare.com 或 angelica.cloudflare.com),則只能使用 Cloudflare 的 WordPress APO 插件。

Cloudflare 的 WordPress APO 是如何工作的?

Cloudflare 修復了網站加載緩慢的 3 個主要問題:

  1. 隨著 Cloudflare 在全球 200 多個位置存儲緩存,您的網站與訪問者瀏覽器之間的距離縮短了(因此數據傳輸速度更快)。
  2. Cloudflare 將靜態文件作為標準緩存(他們的免費 CDN 計劃),減少對您的源服務器(即您的網站主機)的請求。
  3. Cloudflare 的 WordPress APO 緩存您的整個網站,從而進一步加快向訪問者的交付時間。

Cloudflare 的 WordPress APO 使用Cloudflare Workers (一個跨其 200 個城市的全球云網絡運行的無服務器應用程序平台)來緩存動態內容,即存儲靜態副本。

您的 WordPress 網站是動態的,即頁面是在訪問者訪問時使用 PHP 進程構建的。 一個純粹的靜態網站將只包含永遠不會更改的 HTML 代碼。 靜態內容可以快速交付,因為不需要處理。 當您使用 Cloudflare 的免費 CDN 時,Cloudflare 會從您的 WordPress 網站創建並存儲靜態內容,以便從離您訪問者更近的服務器傳送這些內容。 它看起來有點像這樣:

cloudflare 緩存

正如您在上圖中所見,Cloudflare 緩存了一些靜態內容(.jpg 圖像)並將它們交付給最終用戶,而無需從您的託管服務器請求它們。 但是,某些內容無法緩存,例如 HTML,因為 WordPress 站點不存儲 HTML,僅存儲根據請求呈現 HTML 的 PHP 文件。

在此示例中,Cloudflare 將加速您的 WordPress 站點,但僅限於緩存圖像和 CSS 等靜態文件。

但是,如果您使用 Cloudflare 的 WordPress APO,所有內容都由 Cloudflare 緩存、存儲和交付,如下所示:

cloudflare 的 wordpress apo 緩存

所有內容,甚至是第三方字體,現在都由 Cloudflare 提供,使 TTFB(首字節時間)更快。 這是因為 Cloudflare 的內容既是靜態的(即快速交付,因為它不需要請求),而且位於靠近訪問者的地理位置。

如果您使用 Cloudflare 的免費 WordPress 插件,它會在您對站點進行更改時通知 Cloudflare,以便每次都可以獲取並構建新的靜態緩存。 您仍然可以在沒有插件的情況下使用速度服務,但訪問者可能需要 30 分鐘才能看到網站更改。 基於此,我假設通過 Cloudflare 的 WordPress APO 設置, Cloudflare 將每 30 分鐘從您的服務器請求您網站的頁面,並在其網絡中存儲靜態副本。

如何設置 Cloudflare 的 WordPress 速度插件

現在您了解了 Cloudflare 的 WordPress APO 背後的技術,我將向您展示如何設置它。

如果您尚未使用 Cloudflare 的免費 CDN,則需要先進行設置。 這裡是 Cloudflare 的 5 分鐘設置指南,而不是重複步驟。

現在您正在使用 Cloudflare 的 DNS,您已準備好獲取 WordPress 速度優化插件。

1. 登錄 Cloudflare 並轉到速度 > 優化

cloudflare 速度設置

登錄 Cloudflare 並導航到右側菜單中的“速度”,然後單擊“優化”(如果您仍然使用舊佈局,主菜單將位於頂部欄)。

2.為WordPress購買自動平台優化

向下滾動到標題為“WordPress 的自動平台優化”的部分。

wordpress 的自動平台優化

如果您尚未安裝 Cloudflare 的 WordPress 插件,您將看到一個提示您安裝它的按鈕。 暫時忽略它,然後單擊“購買”。

wordpress支付的自動平台優化

輸入您的付款詳細信息(Cloudflare 接受信用卡或 PayPal)以繼續。 您將設置每月 5 美元的定期付款,並且由於沒有免費試用,您將立即支付前 5 美元的費用。 該計劃沒有限制,因此無論您獲得多少流量,您都將為任何唯一域支付 5 美元/月的費用。 您可以免費使用具有無限子域的服務。

3. 安裝 Cloudflare 的 WordPress 插件(可選)

雖然不是必需的,但我建議將 Cloudflare 的 WordPress APO 服務與他們的免費插件一起使用,因為它會在您對站點進行更改時自動清除舊緩存並更新 Cloudflare。 它也可以幫助你

安裝 cloudflare wordpress 插件

下載 Cloudflare 的 WordPress 插件,或從您的Dashboard > Plugins > Add New安裝它。

激活插件。 您現在需要通過 API 將其與您的帳戶同步。 轉到設置 > Cloudflare ,您將看到登錄帳戶的提示。

從 wordpress 登錄 cloudflare

您無需像在 Cloudflare 上那樣使用您的電子郵件和密碼登錄,而是需要輸入您的電子郵件和 Cloudflare API 密鑰。

如何生成免費的 Cloudflare API 令牌

生成免費的 cloudflare api 密鑰

登錄您的 Cloudflare 帳戶,然後單擊右上角的用戶圖標,然後在下拉菜單中選擇“我的個人資料”。 然後在左側菜單中選擇“API Tokens”,點擊“Create Token”生成API Token。

4.激活自動平台優化

wordpress 的自動平台優化開啟

在 Cloudflare 儀表板中,導航到速度 > 優化並向下滾動到“WordPress 的自動平台優化:”部分。 打開該功能(它將從藍色變為綠色)。

驗證 cloudflare wordpress apo 的工作原理

要測試它是否正常工作,請訪問 UpTrends.com,粘貼到您的域並檢查 Cloudflare 代碼的響應標頭(上圖)。 它應該如下所示:

檢查網站標題 cloudflare

如果您在設置 Cloudflare 的 WordPress APO 時遇到任何問題,您可以在他們的 WordPress APO 設置指南中找到幫助。

現在是時候看看 Cloudflare 能在多大程度上加速您的 WordPress 網站了。

Cloudflare 的 WordPress APO 有多快

這是百萬五塊錢的問題!

我測試了在使用 Cloudflare 的高級 WordPress 速度插件之前和之後加載我的 WordPress 網站(您正在閱讀的這個網站)的速度。

請記住,在我之前的測試中,我已經使用了很多速度優化:Cloudflare 的免費 CDN、使用 ShortPixel 壓縮圖像以及使用 perfmatters 優化性能。 我的網站託管(Cloudways 在 DigitalOcean 服務器上每月 10 美元的計劃)也使用 Varnish 服務器緩存。

使用 Google 的 PageSpeed Insights 工具,我測量了我的一個頁面的移動性能(移動核心網絡生命體徵分數對 Google 來說是最重要的)。 這是添加 Cloudflare 的 WordPress 速度服務之前的結果:

速度測試前

這是之後

速度測試後

我得到了適度的速度提升,總體得分從 83/100 提高到 89/100。

First Contentful Paint(FCP,加載第一個元素所需的時間)從 2.1 秒下降到 1.8 秒。 谷歌建議站點瞄準 1.8 秒或更低的 FCP 時間,所以我現在只是在綠色中。

交互時間(TTI,用戶能夠與頁面交互所需的時間)從 3.6 秒下降到 3.3 秒。

我的速度指數得分(頁面加載過程中內容的視覺顯示速度)從 3.1 秒下降到 1.8 秒。

總阻塞時間(TBT,頁面被阻止響應用戶鼠標點擊等的總時間)從 140 毫秒下降到 60 毫秒。

最大內容繪製(LCP,頁面完全加載所需的時間)從 3.9 秒下降到 3.6 秒,但根據 Google 的 2.5 秒或更短的最佳實踐基準,它仍然太慢

我的桌面加載時間已經相當不錯(98/100),但確實增加到 99/100。 由於我的大多數用戶(大約 70%)使用桌面設備,我很高興我給他們提供了快速加載時間。 但是,由於 Google 使用移動優先索引,因此我在優化網站以進行搜索時關注的是移動加載時間(您也應該這樣做!)。

總體而言,我對 Cloudflare 的 APO 提供的頁面速度改進感到滿意,因為我的總成本為 5 美元和幾分鐘的設置時間。

過去我在移動設備上遇到過 LCP 分數緩慢的問題,所以我很高興 Cloudflare 的優化服務解決了這個問題。

查找 urls 慢 lcp 頁面 gsc
Google Search Console 報告顯示移動設備上的舊 LCP 加載問題

自從切換到 Cloudflare 的 APO 後,我可以看到我網站上的每個頁面都通過了 Google 基於真實世界用戶瀏覽數據在移動設備上進行的 Core Web Vitals 檢查。

核心網絡生命體徵搜索控制台
我網站上的所有網頁都通過了 Google 的移動核心網絡生命力測試

最終判決:Cloudflare 的 WordPress APO 值得嗎?

簡短的回答是:是的! 每月 5 美元,您無需付出任何努力即可顯著提高 WordPress 網站速度。 我使用的是廉價託管(Cloudways 每月 10 美元),所以我的設置仍然比 Kinsta 等可靠公司的高級 WordPress 託管便宜得多(每月 30 美元起)。

理想情況下,我想讓我的頁面加載得更快,但我仍在努力! 關注此空間…

同時,我可以得出結論,即使您嘗試通過一些插件和壓縮來提高 WordPress 的速度,Cloudflare 仍然可以以低成本和最小的努力提供很好的改進。 推薦的。