如何使用 WordPress W3 Total Cache Plugin 加快網站速度

已發表: 2018-08-30
w3 總緩存
關注@Cloudways

WordPress Core 在使用緩存系統來減少站點加載時間和服務器資源的使用方面有些欠缺。 幸運的是,WordPress 存儲庫中有一些最好的插件可用; 其中之一是 WordPress W3 Total Cache 插件,它有助於使用緩存規則加快網站加載速度。

在 WordPress 站點上使用緩存機制可通過使用瀏覽器緩存重新利用用戶已請求的數據,從而確保增強的用戶體驗。 由於緩存,文件立即可用,從而使網站加載速度更快。

在 Cloudways 上,每個新安裝的 WordPress 實例都帶有預配置的 Breeze,這是我們定制開發的 WordPress 緩存插件。 但是,如果您仍想將 W3 Total Cache 用於 WordPress 站點,因為它也與我們的託管雲託管堆棧兼容,那麼本指南適合您。 (您也可以使用其他具有類似設置的 WordPress 緩存插件。)

在本指南中,我們將向您展示如何使用 WordPress 網站上的 W3 總緩存以及一些推薦的 W3 總緩存配置來充分利用它。

  • 安裝 WordPress W3 Total Cache Plugin
  • 如何為 WordPress 使用 W3 總緩存
  • 儀錶盤
  • 通用設置
    • 頁面緩存
    • 縮小
    • 數據庫緩存
    • 對象緩存
    • 瀏覽器緩存
    • CDN
    • 反向代理
    • 監控
    • 許可
    • 各種各樣的
    • 調試
    • 導入/導出設置
  • Cloudflare 的 W3 總緩存配置
  • Breeze – WordPress 緩存插件
  • 結論

安裝 WordPress W3 Total Cache Plugin

登錄您的 WordPress 儀表板並導航至PluginsAdd New並蒐索W3 Total Cache

W3-Total-Cache-Plugin-Installation

W3-Total-Cache-Plugin-activation

安裝激活插件以配置 W3 Total Cache for WordPress 的設置。 如果您下載了插件文件,也可以手動安裝插件。 在這種情況下,您可以使用 Cloudways 平台提供的 FTP 訪問。

首先,我們將概述可用的插件設置。 對於初學者來說,設置可能會令人困惑,因此準確了解每個選項的作用很有用。

如何為 WordPress 使用 W3 總緩存?

假設您已經在 WordPress 網站上安裝並啟用了 W3 Total Cache,您將在管理側欄中看到一個新選項,即“常規設置”選項卡下的“性能”。 您將看到可以啟用或禁用的不同類型的緩存。 每個小部件類型的區域都包含緩存的一般設置和要使用的緩存方法的類型。 W3-Total-Cache-General-Setting

儀錶盤

在儀表板中,您可以執行一些快速操作,例如:

  • 兼容性檢查
  • 清空不同類型的緩存

在繼續之前,不要忘記執行兼容性檢查,以顯示已安裝和啟用/禁用的服務器模塊和資源。 這將使您了解此緩存插件根據您擁有的資源的性能如何,不僅如此,它還將向您展示可能需要安裝的軟件才能獲得更多 W3TC 功能的優勢。 W3-Total-Cache-Compatability-Check

通用設置

在此模式下,您可以在實際保存緩存設置之前啟用預覽模式。 此部分還具有保存設置清除緩存的選項,可用於刷新現有緩存。

W3-Total-Cache-Enable-Preview

在我們今天的 W3 總緩存配置指南中,我們將配置常規設置選項卡中提到的設置

頁面緩存

頁面緩存會創建您之前訪問過的 WordPress 帖子/頁面的副本。 如果未啟用,則在您網站上的每個頁面視圖中,WordPress 通過執行 PHP 並向數據庫發送查詢來生成頁面內容。

啟用此設置後,會向訪問者提供頁面的緩存版本。 它減少了頁面加載時間並減少了服務器資源的負載,從而提高了服務器處理更多流量的能力。

例如,站點的頁眉或頁腳不會頻繁更改,並且每次用戶返回同一頁面時都不需要從服務器獲取新副本。 靜態文件的副本存儲在用戶的瀏覽器中,並在再次請求時提供。

W3-Total-Cache-Page-cache

建議的 Cache 方法是 PHP 5.6 和 PHP 7 上的Alternative PHP Code

高級頁面緩存

如果您是高級用戶,請導航到WordPress 儀表板 > 性能,然後單擊頁面緩存選項並根據您的要求為 WordPress頁面緩存配置 W3 總緩存。

縮小

顧名思義,此選項可以縮小您的 CSS、JS 和 HTML 文件。 這不是緩存設置,在不同的 WordPress 設置上會有不同的表現。

縮小是從文件中消除不必要的空格、註釋和縮進的過程,以便節省空間並減小整體文件大小。 這些是負責查看和其他用戶交互的文件,如果交付速度不夠快,可能會損害用戶體驗。

我們建議您之前在 WordPress 登台站點上單獨測試。 在某些情況下,它會損害您網站的性能,因為縮小過程是服務器密集型的。

W3-Total-Cache-Minify

建議的 Cache 方法是 PHP 5.6 和 PHP 7 上的Alternative PHP Code

高級縮小

如果您是高級用戶,請從左側邊欄中轉到性能 >縮小,然後根據您的要求配置縮小。

數據庫緩存

緩存數據庫查詢將減少服務器上的負載,因此服務器將擁有更多資源來為網站提供傳入流量的服務。

在這種類型的緩存中,當用戶一遍又一遍地發出類似的請求時,頻繁的查詢會被緩存和使用。 這節省了搜索數據庫內所有表的行程,並更快地帶回所需的結果。

如果您的 WordPress 網站在每次頁面加載時發出大量數據庫查詢,這將特別有用。

建議的 Cache 方法是Memcached

W3-Total-Cache-Database-cache

高級數據庫緩存

如果您是高級用戶,請轉到側欄菜單上“性能”選項卡下的“數據庫緩存”選項,並根據您的要求配置“數據庫緩存”

對象緩存

對象緩存對於數據庫密集型網站特別有用。 Cloudways 前段時間在他們的服務器上集成了 Redis,您需要通過轉到Servers → Settings & Packages → Packages來安裝它,然後單擊安裝 Redis ,然後單擊此處啟用對象緩存。 我們編寫了一份詳盡的指南來在 WordPress 上添加 Redis。

建議的 Cache 方法是Redis

W3-Total-Cache-Object-Cache

高級對象緩存

如果您是高級用戶,則可以根據需要配置對象緩存。 只需單擊性能選項卡下的對象緩存選項。

瀏覽器緩存

如今,瀏覽器緩存網站的靜態內容以改善用戶體驗。 在瀏覽器緩存的 W3TC 選項中,您可以啟用/禁用它。 此外,您可以添加元素的例外情況和到期日期。

我們建議您啟用它,然後導航到瀏覽器緩存選項卡並啟用以下設置以獲得最大效果。

  1. 設置 Last-Modified 標頭
  2. 設置過期標題
  3. 設置緩存控制頭
  4. 設置實體標籤
  5. 設置 W3 Total Cache 標頭
  6. 啟用 HTTP (GZIP) 壓縮

瀏覽器緩存很重要,特別是如果您的網站有常客。 根據您在設置中實施的規則,靜態內容已經緩存在瀏覽器中。 僅從服務器加載更新的內容,這使得整個網站加載速度更快並節省帶寬。

W3-Total-Cache-Browser-Cache

高級瀏覽器緩存

如果您是高級用戶,則可以根據需要配置瀏覽器緩存。 只需單擊“性能”選項卡下的“瀏覽器緩存”選項。

CDN

WordPress 的內容交付網絡已經變得流行,特別是對於從世界各地獲得流量的網站。 CDN,如 MaxCDN 和 Cloudflare,很受歡迎,您可以通過 W3TC 插件輕鬆地將它們與您的 WordPress 網站集成。

CDN 從不同位置提供您網站的靜態內容,而不僅僅是您的 WordPress 託管服務器。 這有助於減少服務器上的負載,並提高向來自不同位置的訪問者提供網​​站的速度。

對於面向全球受眾的高流量網站,強烈建議這樣做。 像 Cloudflare 這樣的 CDN 也與 W3 Total Cache 兼容,在全球擁有 150 多個數據中心。 這些網絡通過其服務器創建您的網站和服務器的副本,而不是為用戶發出的每個請求來回訪問 Web 主機。

W3-Total-Cache-CDN

高級 CDN 配置

如果您是高級用戶,請從左側的 W3TC(性能)菜單導航到CDN ,並根據您的要求配置 W3TC CDN。

反向代理

Cloudways 服務器預裝了 Varnish 緩存。 Varnish 是一種非常強大的緩存,可以緩存整個內容(可以包括網站的靜態和動態內容),並將該內容提供給回頭客甚至新訪問者。 此緩存可加速 HTTP 請求並位於 Apache(網絡服務器)之前。

在 W3TC 中,反向代理設置用於在您更新網站時清除 Varnish 緩存。 強烈建議保持啟用狀態,否則您每次都需要手動清除清漆。

W3-Total-Cache-Reverse-Proxy

監控

如果您在 WordPress 上使用 New Relic,那麼您只需輸入您帳戶的 New Relic 的 API 即可將其連接到您的網站。

但這不是必需的,因為 Cloudways 服務器帶有一個內置的 New Relic 帳戶,您可以在Server Management → Monitoring → Application下訪問該帳戶。

New Relic 是一種應用程序性能監控工具,可讓您深入了解應用程序的運行情況並確定導致性能相關問題的點。

Cloudways-遺跡

許可

如果您需要 W3 Total Cache for WordPress 站點的開發人員的支持和配置指南,那麼您可以在此處購買並驗證您的許可證密鑰。

W3-Total-Cache-License

各種各樣的

在此選項卡下,您會找到可能希望用作 Google Page Speed 儀表板的常規選項。 我們建議保留“驗證重寫規則”並保持其他選項未選中。

W3-Total-Cache-Miscelleneous

調試

如果您想知道哪個緩存正在工作以及它對頁面有多大影響,調試模式特別有用。 要查看調試信息,請查看您網站的源代碼並導航到頁面末尾。 您將看到註釋,通知您是否啟用了緩存、緩存了多少查詢以及構建緩存頁面需要多長時間。

W3-總緩存-調試

導入/導出設置

如果您有很多網站並且不想一遍又一遍地重複設置 W3TC 的相同過程,您可以輕鬆導出所有設置並將設置導入到您的其他網站。

W3-Total-Cache-Import-Export-Setting

Cloudflare 的 W3 總緩存配置

如果您打算使用 W3 Total Cache 插件使用 Cloudflare CDN,請轉到擴展選項卡並假設您已經為 WordPress 設置了 Cloudflare,只需激活 Cloudflare 插件→轉到插件的設置,並提供您的電子郵件和 API 密鑰為授權。

Cloudflare 的 W3 總緩存配置

授權完成後,您將能夠使用 W3TC 插件配置 Cloudflare。

Breeze – WordPress 緩存插件

Breeze 是 Cloudways 團隊開發的免費且用戶友好的 WordPress 緩存插件。 它提供了各種選項來優化不同級別的 WordPress 性能。 它適用於 WordPress、WordPress with WooCommerce 和 WordPress Multisite。 這是一個輕量級插件,具有針對更快網站的功能。

結論

今天,我們學習瞭如何為 WordPress 設置 W3 Total Cache 以獲得更好的頁面加載時間。 您可以調整許多高級設置以使用 W3 Total Cache Plugin 更好地優化 WordPress 網站。 這一切都取決於各種 WordPress 設置。 請記住,您可能會弄亂設置,這就是為什麼使用建議的設置對您最有用的原因。 但是,如果您仍然想嘗試各種緩存組合; 我建議您對您的網站進行完整備份。