管理頁面的最佳 Cloudflare WordPress 頁面規則
已發表: 2022-12-03
使用 WordPress 的博主都知道快速安全的網站至關重要。
第一步是使用可靠且快速的網絡託管服務提供商或託管 WordPress 託管服務。
第二階段是使用 CDN（內容交付網絡）來幫助您的網站為世界各地的訪問者更快地加載。
到目前為止，最受歡迎的是 Cloudflare。 但是 WordPress 的 Cloudflare 設置需要一些調整以避免管理頁面變慢。
如何減少 WordPress 的加載時間。
- 使用緩存插件
- 縮小 CSS 和 Javascript
- 對圖像使用延遲加載
- 使用 CDN 服務
您可以在網上找到數以千計的關於這四個關鍵速度要素的選擇的文章、評論和意見。
因此，我不會在本文中深入探討這些想法。
我將主要關注如何讓 WordPress 使用您的 Cloudflare 帳戶平穩快速地運行。
然而，在我繼續為 WordPress 設置 Cloudflare 之前，我應該通過說明我目前在我的網站上使用的速度工具來開始我的建議。
- 對於緩存，我使用 W3 Total Cache 進行瀏覽器和頁面緩存。
- 對於 CSS 和 Javascript 縮小，多年來，Autoptimize 已被證明對我來說非常可靠。
- 對於延遲加載，我使用 Autoptimze 設置。 您可以停止對前幾張圖片進行延遲加載，以幫助獲得更好的 Web Vitals 結果。
兩者都是 WordPress 插件存儲庫中提供的免費版本，並且可以很好地協同工作。
可以使用 W3 Total Cache 進行縮小，並且效果很好。
但我發現 Autoptimize 好一點，因為我在添加或刪除插件時不必進行任何設置調整。
雖然僅這些插件就可以非常好地減少頁面加載時間，並且在某些速度測試站點上通常會產生接近 100% 的結果，但仍然存在距離問題。
我的站點服務器位於瑞士，速度非常快且可靠，尤其是對於來自歐洲的站點訪問者而言。 但是對於我的美國訪問者來說，站點數據的傳輸距離很長。
這會導致頁面加載時間稍微變慢，從而影響美國、加拿大、南非和澳大利亞的用戶體驗。
使用 CDN 服務解決了距離問題。
Cloudflare 是廣為人知的可靠 CDN（內容交付網絡）提供商，博主和企業客戶都在使用它。
Cloudflare 支持很好，您可能遇到的 95% 的問題都可以從官方 Cloudflare知識庫中得到解答。
簡而言之，一旦您更改了IP 地址， Cloudflare 就會將您的靜態文件存儲在本地服務器上。
然後，您的數據可以更快地從 Cloudflare 緩存傳輸到任何位置的站點訪問者，因為您的任何一個網頁中 80% 以上都包含靜態數據。
然而，默認情況下它不存儲靜態 HTML，但這沒什麼大不了的。
CDN 提供商有很多選擇，但 Cloudflare 提供了三大優勢。
- 一：網絡是全球性的。
- 二：它可以防止黑客攻擊。
- 三：免費。
這使得 Cloudflare 成為希望使用無速率限制的免費計劃 CDN 來提高網站性能的博主的合乎邏輯的首選。
在 Cloudflare 上設置 WordPress 站點是一個簡單的過程，並且有很多深入的文章解釋了該過程。
這是一篇解釋基本 Cloudflare 設置步驟的文章示例。
您會將您的 DNS 記錄和 DNS 服務器從您的 Web 主機傳輸到 Cloudflare 服務器。
我要補充的唯一提示是，WordPress Cloudflare 插件並不是真正必需的。 但是如果您想使用它，您將需要使用您的 Cloudflare Global API 密鑰從您的 WordPress 儀表板連接該插件。
從 Cloudflare 網站開始安裝，然後完成設置步驟並從 Cloudflare 桌面頁面和管理區域添加 Web 應用程序同樣容易。 但選擇取決於你。
現在，您擁有一個面向全球所有訪問者的非常快速的站點。
安裝並激活 Cloudflare 後，您的網站現在更加安全，具有 DDOS 保護、靈活的 SSL 和更快的加載速度。
當您檢查您的網站並使用 Google PageSpeed、GTmetrix 或 Pingdom 運行一些速度測試時，您將看到您的網站在部署 Cloudflare 後的速度有多快。
一切正常； 你的網站快如閃電，你很高興，所以世界上一切都很棒。
但是我的 WordPress 管理頁面很慢。
當您部署 Cloudflare、wp-admin 或您的桌面管理頁面時，可能會遇到一些問題。
最常見的問題是加載緩慢。 或者，在極少數情況下，會出現 500、504 或 524 錯誤，甚至可能出現白屏。
您還可能遭受 WordPress 編輯器加載不完整的困擾，有時您可能會遇到 javascript 錯誤。
幾天后，問題通常會變得更糟。
為了解決這些煩人的問題，我差點把頭髮扯掉。 通常情況下，只需在 Google 上搜索即可找到 WordPress 修復程序，但我有一段時間沒有找到這個修復程序。
最後，解決方案來自兩條信息，在我沮喪地搜索了可能數百篇建議文章之後，我將它們粘在一起。
問題出在默認的 Cloudflare WordPress 緩存設置上。 您的管理頁面使用不同且相互衝突的緩存設置。
但不要擔心，因為解決方案非常簡單。 您只需要為緩存處理設置一些簡單的 Cloudflare WordPress 頁面規則，WordPress 就會煥然一新。
Cloudflare 需要一些特殊的設置調整才能與 WordPress 很好地配合使用。
如何讓 Cloudflare WordPress 管理頁面正常工作。
解決 Cloudflare 上 WordPress 緩慢的管理頁面問題涉及兩個簡單的步驟。
首先，也是最重要的一點，您必須更改 Cloudflare 中的一個自動緩存過期設置。
這是所有管理頁面問題開始的地方，因為您需要使用 WordPress 緩存設置而不是默認的 Cloudflare 設置。
默認設置是幾個小時的緩存。 這就是管理頁面如此嚴重滯後的原因。
您肯定希望為訪問者緩存站點的前端，但不想緩存任何後端管理頁面。
您可以通過更改 Cloudflare 中的一個緩存設置來快速解決此問題。
如何更改緩存設置。
登錄您的 Cloudflare 帳戶。 然後在 Cloudflare 儀表板上，單擊菜單項Caching 。
現在，從下拉選擇框中將瀏覽器緩存過期設置更改為尊重現有標頭。
您的緩存現在可以正常工作了。 您的後端管理頁面的緩存現在由 WordPress 而不是 Cloudflare 控制。
添加您的 Cloudflare WordPress 頁面規則。
接下來，您需要微調您的管理頁面性能。
這是適用於 WordPress 的最佳 Cloudflare 頁面規則示例。
轉到 Page Rules 應用程序以設置您的頁面規則。
您將需要添加三個規則。 由於您只能使用免費的 Cloudflare 帳戶獲得三個規則，因此明智地使用它們來優化 Cloudflare for WordPress 非常重要。
為您的 wp-admin 頁面添加您的第一條規則。 您可以復制下面的規則，但將其編輯為您自己的站點 URL。
開頭和結尾的星號是通配符，是確保所有關聯頁面都使用規則所必需的。
*example.com/wp-admin*
然後添加兩個基本設置。 緩存級別和禁用性能。
您需要將所有三個規則的緩存設置從標準更改為繞過。
邊緣緩存 TTL 和瀏覽器緩存 TTL 還有其他設置，但您不需要使用這些設置。
您必須添加的第二條規則是停止對您的編輯器和草稿預覽功能的任何干擾。
*example.com/*preview=true*
最後，您要確保 Cloudflare 不會影響您的登錄頁面。
*example.com/wp-login.php*
現在您需要如下圖所示設置規則的順序，以確保它們以正確的順序加載。
要設置順序，請使用規則框左側的箭頭向上或向下拉。
這就是您需要做的全部。
額外的 Cloudflare WordPress 頁面規則規則設置。
如果您發現您的性能仍然有點慢，您可以為所有三個頁面規則添加兩個設置。
如果您正在使用 Cloudflare 的 Rocket Loader 或任何其他 Cloudflare 應用程序，最好阻止它們在您的 WordPress 後端上運行。 您可以通過添加禁用應用程序來做到這一點。
安全級別是可選的，但我更喜歡將其設置為高。
這些是我用於我的頁面規則的設置。
您應該進行最後一次檢查，以確保您的所有規則都具有相同的設置。 您的 Cloudflare WordPress 頁面規則概述應如下所示。
現在您將擁有所有後端 WordPress 管理頁面再次完美運行。
我唯一要注意的是 Cloudflare Rocket Loader 可能有點敏感。 如果它適用於您的網站，那很好。 但它可能會導致 javascript 錯誤。
從 WordPress 5.5 開始，我注意到了一些問題，所以我不再在我的任何網站上使用 Rocket Loader。
結論。
對於任何 WordPress 站點，都值得考慮使用 CDN。
不僅為了額外的站點安全性和減少頁面加載時間，而且還確保您的站點訪問者在訪問您的站點時獲得積極的體驗。
谷歌明確表示它更喜歡快速加載的網站，並將頁面速度作為一個重要的排名因素。 因此，這是考慮使用 CDN 升級站點的另一個非常重要的原因。
維護您的博客始終在進行中。
繼續尋找可以對博客進行的小改進，以提高訪問者滿意度和回頭率。
更新：我們有一篇新文章介紹如何使用 Cloudflare 緩存所有內容將您的站點速度提高高達 90%。