WordPress網頁設計教學
如何提高您WordPress網站的速度和安全性?與WP Rocket一起使用Cloudflare的綜合指南
Cloudflare ≠ CDN: 請勿 在 CDN 選項卡上輸入 Cloudflare CNAMES,這會破壞您的網站!
除了 Cloudflare 之外,您還可以根據需要使用標準拉取 CDN。WP Rocket 擁有自己的優質 CDN 服務RocketCDN,
並且還與大多數 CDN 提供商兼容,包括Amazon Cloudfront、Bunny CDN、KeyCDN等。如果您需要有關如何將WP Rocket 與 CDN 結合使用的信息,請:將 WP Rocket 與 CDN 結合使用
在大多數情況下,使用我們的 Cloudflare 插件並不是必需的,這只是一種方便。正確設置 Cloudflare 帳戶後,無論您是否使用 WP Rocket 插件,該帳戶都將在您的網站上處於活動狀態。該附加組件只是提供了一種配置某些設置的便捷方法。
但是,如果您使用Cloudflare 的 Cache Everything 功能,則需要配置我們的附加組件才能同步緩存清除。
一起使用它們的第一步是將您的網站添加到您的 Cloudflare 帳戶。如果您尚未執行此操作,請按照 Cloudflare 的教程進行操作:創建 Cloudflare 帳戶並添加網站。然後將您的域名服務器更改為 Cloudflare。
Cloudflare 可以像 WP Rocket 一樣執行 CSS 和 JS 文件的縮小過程,但 WP Rocket 還可以選擇合併 Cloudflare 無法執行的文件。
我們建議您在 Cloudflare 和 WP Rocket 中激活縮小以獲得最佳結果。
注意:如果您使用 WP Rocket Cloudflare插件,則不再需要官方 Cloudflare 插件(除非您使用 Cloudflare APO)。
WP Rocket 提供與提供原始 IP 地址相同的功能。
WP Rocket 的 Cloudflare 插件
先決條件
您必須能夠直接訪問自己的 Cloudflare 帳戶才能獲取配置附加組件所需的 API 密鑰信息。如果您通過主機提供的集成使用 Cloudflare,您可能無法獲取此信息,因此您將無法使用該附加組件,但 Cloudflare 仍將在您的站點上處於活動狀態。
在附加組件 設置選項卡中,您將看到Cloudflare附加組件。將附加組件狀態切換為開啟:
然後單擊修改選項按鈕。它將帶您進入“附加組件”選項卡下顯示的Cloudflare選項卡:
這些是您需要設置的設置:
全局 API 密鑰
如何查找您的全局 API 密鑰:
- 登錄您的 Cloudflare 帳戶
- 單擊右上角的個人資料圖標,然後單擊我的個人資料
- 單擊 API 令牌
- 在那裡您將找到全局 API 密鑰:
- 輸入您的 Cloudflare 密碼後,API 密鑰將會顯示。複製全局 API 密鑰並粘貼到 WP Rocket 設置中。
注意: Cloudflare 插件僅適用於 全局 API 密鑰,不支持其他Cloudflare API 令牌。
在 wp-config.php 中定義 API 密鑰
如果它適合您的用例,您還可以在wp-config.php文件中定義 API 密鑰。如果您在同一 Cloudflare 帳戶下有多個站點,這會很有用。以下是將其添加到wp-config.php文件中的方法(請記住將示例中的第二個值替換為您自己的 API 密鑰):
定義(’WP_ROCKET_CF_API_KEY’,’將您的API密鑰放在這裡’);
通過wp-config.php中的以下代碼行, 如果您希望保密,您還可以在 WP Rocket 設置中隱藏 API 密鑰字段:
定義(’WP_ROCKET_CF_API_KEY_HIDDEN’,true);
帳戶的電子郵件
填寫您的 Cloudflare 帳戶中使用的電子郵件地址。
區域ID
輸入您的域的區域 ID。這可以在您的 Cloudflare 帳戶中的域的 概述頁面上找到:
Cloudflare 附加組件和 Cloudflare APO
從 WP Rocket 3.14 開始,如果您使用Cloudflare APO並且 Cloudflare 插件已啟用並經過身份驗證,Cloudflare 附加組件將變暗,並且將具有不同的信息,如下所示:
這些是使用 APO 時 Cloudflare Add-on 內的文本:
您的網站正在使用官方 Cloudflare 插件。我們啟用了 Cloudflare 自動清除以實現兼容性。如果您激活了 APO,它也兼容。
每次 WP Rocket 清除其緩存時,Cloudflare 緩存都會被清除,以確保內容始終是最新的。
在這種情況下,您可以直接從 Cloudflare 插件管理 Cloudflare 設置。WP Rocket 將尊重這些設置。
您可以在將 Cloudflare APO 與 WP Rocket 結合使用一文中找到更多信息。
發展模式
這會打開或關閉 Cloudflare 的開發模式。 開發模式允許您暫時暫停 Cloudflare 的邊緣緩存和縮小功能。
你可知道? 當您對可緩存內容(如圖像、CSS 或 JavaScript)進行更改並且您希望立即看到這些更改時,激活開發模式特別有用 。
最佳設置
強烈建議激活此選項。WP Rocket 會自動為 Cloudflare 選擇一組預定義的選項,以提高站點的性能:
- 將 Cloudflare 的緩存級別設置為標準
- 激活 Cloudflare 的 縮小功能
- 停用 Rocket Loader (與 WP Rocket 無關的名稱)
- 將 Cloudflare 的瀏覽器緩存設置為1 年
相關協議
小心!僅當您使用 Cloudflare 的靈活 SSL功能時才應激活此設置。
當您的 WordPress 網站在完整的 SSL 上運行時,您不應該激活它!
相對協議設置重寫靜態文件(CSS、JS、圖像)的 URL 以使用相對協議(//而不是http://或https://)。
IC 應何時清除所有 Cloudflare 緩存文件?
默認情況下,不需要每次清除 WP Rocket 的緩存時都按此按鈕。
它將清除 Cloudflare 緩存,並且主要用於故障排除,以防您在未更改文件名的情況下對文件進行了更改,或者您認為 Cloudflare 出於某種原因正在提供過時的文件。
如果您啟用了 Cache Everything,Cloudflare 緩存將與 WP Rocket 緩存同時自動清除。
如果您使用 Cloudflare 的Cache Everything功能,請參閱本指南
Cloudflare APO
從 3.14 版本開始,WP Rocket 兼容 Cloudflare APO,如果啟用並驗證了 Cloudflare 插件,將同步清除緩存。請參閱將 Cloudflare APO 與 WP Rocket 結合使用文章中的更多信息。
故障排除
- Rocket Loader
使用 Cloudflare 時出現問題的最常見原因是其Rocket Loader功能。如果您在運行 Cloudflare 時看到顯示問題或 JavaScript 錯誤,請禁用Rocket Loader並清除緩存,看看這是否可以解決問題。(Rocket Loader與 WP Rocket 沒有任何關係。)。 - 清除緩存時出現502錯誤或空白頁
在某些情況下,當 Query Monitor 插件處於活動狀態並且 Cloudflare 正在站點上運行時,清除緩存可能會觸發 502 錯誤或空白頁錯誤。如果您在網站上發現此問題,您應該禁用查詢監視器插件。一般來說,只有在主動監控查詢時才應啟用查詢監控插件。
來自 <https://docs.wp-rocket.me/article/18-using-wp-rocket-with-cloudflare>