Cloudflare Cache Everything 將 WordPress TTFB 提高了 90%
已發表: 2022-12-03
您知道網站速度是您博客的關鍵因素。 Cloudflare 緩存一切可以真正幫助您加快速度。
您的訪問者在離開之前等待您的網頁加載的時間不會超過幾秒鐘。 谷歌明確表示響應時間是影響搜索排名的重要因素。 所以是的，今天的速度對您的網站很重要。
使用 WordPress 為桌面獲得合理的頁面加載速度相對容易。 但移動速度並不那麼容易。
但是，有一種方法可以使用 Cloudflare 頁面規則顯著提高您的站點速度。
你在使用 Cloudflare 嗎？
改善服務器端響應時間的第一步是讓您的站點在 CDN（內容分發網絡）上運行。
對於大多數博主來說，最受歡迎的服務是 Cloudflare，因為它高效、可靠且免費。
如果您需要將站點添加到 Cloudflare，WP Beginner 的本教程是一個很好的起點。
但如果您已經在使用它，則可以顯著提高首字節時間 (TTFB) 的性能。
它是網站加載速度最關鍵的因素之一。
在較早的文章中，我寫了關於使用三個頁面規則提高 WordPress 管理頁面速度的文章。
但是對於此修復，您需要使用 Cloudflare 緩存一切規則。
如果您使用的是免費的 Cloudflare 帳戶，則只能獲得三個頁面規則。
因此，它將需要更改您現有的頁面規則。
但這是值得的。
減少 TTFB
以下是這些更改對您的 TTFB 速度產生多大影響的一些示例。
下面兩張使用 Chrome Deleveopers Tools 的圖片向您展示了您可以對移動速度產生多大的影響。
第一個未優化，TTFB 為 1.55 秒。
添加新的 Cloudflare 規則後，您可以在此處看到改進。 TTFB 現在只有 33.25 毫秒。
從我的 Freshping 帳戶中，您可以看到我優化的三個站點的總體響應時間。
它們比尚未完全緩存的四個站點快 90%。
如何應用 Cloudflare 緩存一切
在您開始進行這些更改之前，請先警告一下。
此方法僅適用於不經常更改的合理靜態站點。
如果您有動態內容（例如不斷變化的小部件、Twitter 提要、滑塊或定期更新信息），這不是一個好主意。
當您將緩存所有內容添加到 Cloudflare 時，它會按照它說的去做。
以下是如何從 Cloudflare 儀表板添加此站點速度改進。
首先，您需要添加新規則。 單擊頂部菜單中的頁面規則應用程序按鈕。
如果您已經有三個規則，則需要刪除一個。 就我而言，我刪除了 *preview=true* 規則。
現在為您的網站 URL 添加新的頁面規則，兩端都帶有通配符星號。
然後添加這些規則設置。
瀏覽器緩存 TTL – 1 小時
緩存級別——緩存一切
邊緣緩存 TTL – 7 天
單擊保存，現在為您的緩存控制標頭設置了所有內容。
一個重要的注意事項是檢查並確保您按照上圖訂購規則。
您的網站緩存規則必須在您的 wp-login 和 wp-admin 規則之後，以保護管理頁面的原始緩存控制。
您還應該檢查您的 Cloudflare 瀏覽器緩存設置，以確保您選擇了 Respect Existing Headers。
檢查火箭裝載機
您可能還想檢查您是否在使用 Cloudflare 的 Rocket Loader。
當它工作時，它工作得非常好，但它也可能破壞您的網站。 我在兩個站點上運行它，沒問題。
但是在另一個站點上，它會導致問題，所以我將其關閉。
檢查所有設置是否正確後，請轉到您的站點以查看是否一切正常。 它現在應該幾乎立即加載。
然後使用 Google Page Speed Insights、GTMetrix 或 Pingdom 檢查您的站點速度以查看改進。
您的目標應該是 TTFB 小於 200 毫秒，滿載小於 2 秒。
這是我在 GTMetrix 上的一個網站的加載時間截圖。 你可以看到它只用了 0.6 秒就完全加載了。
一個缺點和解決方案
因為您網站上的所有內容現在都已緩存，所以您所做的任何更改在緩存週期清除之前不會生效。
這可能需要很長時間才能發生。
因此，當您添加新帖子或編輯現有帖子時，您將看不到更改。 它也適用於您網站上的新評論。
解決這個問題的唯一方法是安裝 Cloudflare 插件。
我不喜歡添加更多插件，但這個插件對於速度修復來說是必不可少的。
添加後，將自動緩存管理更改為打開。
它現在將清除您創建或編輯的單個文件，然後從您的原始 Web 服務器緩存新文件。
從插件中，您還可以清除整個站點。 但是這個動作會增加你的加載時間。
如果您想繞過緩存問題來調查任何問題，最好在 Cloudflare 上暫停您的網站。
您真正不應該點擊的按鈕是 Optimize Cloudflare for WordPress。
如果這樣做，它會更改很多您可能不希望的設置。 這些包括縮小 HTML、javascript 和 CSS 以及更改現有的標頭設置。
更新：一個新的更好的解決方案
自撰寫本文以來，現在有一個新的免費 WordPress 插件可用，它幾乎解決了 Cloudflare Cache Everything 的所有問題。
Cloudflare 的 Super Page Cache 易於安裝，並為您提供了很多控制權。
該插件不僅可以幫助您緩存靜態文件（例如 CSS、JS、圖像等），還可以在服務器磁盤級別和全球 Cloudflare CDN 上緩存 WordPress 生成的 HTML 網頁。
我將它安裝在我的一個站點上，並且運行完美。 TTFB 從近一秒下降到不到 0.2 秒。
它類似於 Cloudflare APO，後者不是免費服務。
但如果您使用免費的 Cloudflare 帳戶，這個免費插件幾乎可以完成 APO 可以做的所有事情。
我在 Just Publishing Advice 上使用了這個緩存插件，它可以很容易地獲得出色的 Core Web Vitals 結果。
您可以使用 PageSpeed Insights 或 GTMetrix 檢查此站點上的任何頁面，以了解緩存一切的工作情況。
如果你沒有得到全綠色的結果，我會感到驚訝。
如果您想提高加載速度和 Core Web Vitals，那真的值得一看。
概括
Cloudflare Cache Everything 運行良好，將極大地加快您的網站速度。 它對於提高移動站點速度特別有效。
但它並不適用於每個站點，並且根據您的主題、功能和站點設計可能存在缺點。
這種緩存方法非常激進，因此請仔細檢查所有內容。
理想情況下，您應該在臨時站點或沙盒站點上嘗試它，以確保您的站點正常運行。
如果您在實際網站上實施它並遇到問題，您可以隨時刪除頁面規則。 然後在 Cloudflare 上完全清除您的站點。
然後你會回到你開始的地方。
如果您需要幫助，Cloudflare 支持上有很多關於緩存靜態內容和緩存所有內容的條目。