使用 W3 總緩存的完整指南

已發表: 2015-10-28

今天的互聯網用戶期望他們訪問的頁面快速流暢。 當網站運行不佳時,他們肯定會注意到,因此性能是一項功能,性能優化至關重要。 例如,加載時間較長的頁面往往具有較高的跳出率,並且訪問者在那里花費的時間較少。 更長的加載時間也會對轉換產生負面影響。

clip_image002

所以頁面速度對用戶體驗和轉化很重要。 加快網站速度的另一個原因是,2010 年 4 月,谷歌表示網站速度(以及頁面速度)是谷歌搜索算法用來對頁面進行排名的信號之一。 簡而言之,更快的網站排名和轉換都更好。

一些提高頁面速度和ergo、提高網站性能的方法包括:

  1. 為您的 CSS、HTML 和 JavaScript 文件啟用壓縮
  2. 縮小 CSS、JavaScript 和 HTML
  3. 減少重定向
  4. 利用瀏覽器緩存
  5. 將服務器響應時間提高到 200 毫秒以下
  6. 使用內容交付網絡 (CDN)
  7. 並優化圖像

如果您是 6000 萬選擇 WordPress 為您稱為“家”的網絡提供動力的人中的一員,那麼快速加載 WordPress 網站背後的秘密(除了良好的網絡託管、編碼良好的插件和 CDN) ) 正在使用適當的緩存。

什麼是 WordPress 緩存,為什麼它很重要?

每次互聯網用戶訪問 WordPress 驅動的網站時,都會發生一些事件,其中 WordPress 會動態生成 HTML 頁面並將其提供給用戶:

  1. 用戶的瀏覽器請求網頁
  2. WordPress 核心(或 WordPress 大腦,如果你可以這樣稱呼它)查詢數據庫(稱為 MySQL 數據庫查詢)
  3. 數據庫返回請求的數據
  4. WordPress 核心結合從活動插件和主題中檢索到的數據和數據,以動態生成 HTML 頁面
  5. 然後它將這個動態生成的 HTML 頁面提供給用戶的瀏覽器

現在讓我們假設有 100 人查看您的頁面。 一次又一次地運行相同的數據庫查詢會浪費 CPU 週期和時間。

輸入 WordPress 緩存! 它將先前 MySQL 數據庫查詢的結果保存在內存緩存中以供重複使用。 WordPress緩存是提高網站性能的最快方法之一使用 W3 Total Cache、WP Super Cache 或 Quick Cache 等插件。

帶有 W3 總緩存的 WordPress 緩存

由 Media Temple、GoDaddy 和 HostGator 等網絡主機推薦,並被許多流行網站使用,包括 Mashable、Matt Cutt 的博客、AT&T 和 WPBeginners、W3 Total Cache 是最完整和最受歡迎的 WordPress 性能優化插件之一,旨在改善您網站的用戶體驗和速度。 它提供對象和查詢緩存、頁面緩存、HTML、CSS 和 JavaScript 縮小、gzip 壓縮、CDN 集成和瀏覽器緩存。 結合起來,這些優化可以顯著提高您網站的速度。

因此,W3 Total Cache 的突出特點包括:

  • 緩存頁面和帖子
  • CSS 和 JavaScript 的緩存
  • 緩存提要和搜索結果頁面
  • 緩存數據庫對象
  • 縮小帖子、頁面和提要,包括額外的空格和評論,並將多個 CSS 或 JavaScript 文件組合到一個請求中
  • 瀏覽器緩存
  • 移動支持
  • CDN 集成和支持
  • 和 WP-CLI 支持

該插件的好處包括:

  • 減少頁面加載時間
  • 正確配置插件後,整體網站性能和速度顯著提高
  • 改進了自然搜索結果的性能
  • 提高轉化率
  • 瀏覽器渲染優化,快速渲染頁面
  • 改進的 Web 服務器性能
  • 通過縮小和壓縮節省帶寬

挑戰在於 W3 Total Cache 是一個非常強大的插件。 它有很多選項,因此您需要知道如何配置它以最大化收益。 正確的設置並不總是很明顯,尤其是對於初次使用的用戶。 在下一節中,我們將介紹迄今為止最通用的 WordPress 緩存插件的最佳實踐配置。

筆記:

  • 在安裝和設置 W3 Total Cache 之前,請務必使用 Google 的 PageSpeed Insights 檢查您網站的性能和/或 Pingdom 網站速度測試. 這將為您提供準確的前後比較。
  • 同樣重要的是,如果您當前正在使用 WP Super Cache 之類的緩存插件,則必須在安裝 W3 Total Cache 之前先禁用該插件,否則插件在激活時會出現問題。
  • W3 Total Cache 使用內存緩存來保存 MySQL 數據庫查詢的結果。 這意味著您需要為緩存保留相當數量的內存。 如果你沒有為 memcached 分配你想要的內存,或者你的服務器被 RAM 束縛,這個插件可能不適合你。
  • 最後,W3 Total Cache 與 MaxCDN 完美結合。

安裝和設置 W3 Total Cache

要安裝 W3 Total Cache,請停用並卸載您可能正在使用的任何其他緩存插件。 在繼續之前,您還需要確保 wp-content/ 和 wp-content/uploads/ 暫時具有 777 權限。

要安裝和激活插件:

1. 打開您的 WordPress 儀表板。

2. 找到導航的“插件”部分並選擇“添加新”菜單選項。

clip_image004

3. 搜索“W3 Total Cache”。

clip_image006

4. 點擊“立即安裝”。

5. 在導航的“插件”部分找到“已安裝的插件”並激活 W3 Total Cache。 這將使頁面緩存以基本模式運行。

將 wp-content/ 和 wp-content/uploads/ 的權限返回到 755。

要設置插件:

1. 單擊“設置”鏈接進入“常規設置”選項卡。 “啟用”頁面緩存並選擇“磁盤:增強”作為頁面緩存方法。

clip_image008

在自動設置中“啟用”縮小。

clip_image009

“啟用”數據庫緩存和對象緩存。

clip_image011

“啟用”瀏覽器緩存和 CDN。 指定您的 CDN 類型,例如 MaxCDN。

clip_image013

保留其餘默認設置。

2.在“頁面緩存”選項卡的高級部分中,檢查常規選項中“緩存404(未找到)頁面”以外的所有內容

clip_image015

在緩存預加載下,選中“自動啟動頁面緩存”並輸入您的站點地圖 URL。

clip_image017

保留其餘默認設置。

3. 接下來,“縮小”模塊控制 HTML、CSS 和 Javascript 文件是否被壓縮和縮小,在配置方面是一個雷區。 您需要注意您打開了什麼,因為某些服務器沒有足夠的內存或計算能力來進行縮小。 HTML & XML、JS 和 CSS 的理想設置如下:

clip_image019

clip_image021

注意:作為一種好的做法,在“縮小”選項卡上,將“縮小錯誤通知”設置為“管理員通知”,以便在發生縮小緩存創建錯誤時通知您。

clip_image023

4. 繼續前進,“數據庫緩存”、“對象緩存”和“瀏覽器緩存”設置的作用不如頁面緩存和縮小,但最好打開它們。

在“數據庫緩存”和“對象緩存”選項卡上,所有推薦的設置都是預設的。 在“瀏覽器緩存”選項卡的“常規”下,檢查除“設置更改后防止對象緩存”和“不要使用 WordPress 處理靜態對象的 404 錯誤”之外的所有內容。 當您保存設置時,下面的所有設置都會自動處理。

5.我們上面提到的CDN代表內容交付網絡。 如果您有 CDN 提供商,請轉到“內容交付網絡”選項卡以填充字段並設置您的首選項。 您需要 1) 在常規選項中決定將哪些類型的內容卸載到 CDN,以及 2) 通過配置面板與 CDN 本身建立連接。

6. 最後,使用“用戶代理組”選項卡來指定任何用戶代理,例如移動電話,如果使用移動主題。

W3 總緩存故障排除

有時,在安裝 W3 Total Cache 之後,您可能會發現(令您沮喪)您的網站速度下降了。 最可能的原因是您在預加載緩存時執行了網站基準測試。 解決方案:等待一個小時再試一次。

另一個常見原因是您選擇了錯誤的緩存方法。 帶有 W3 Total Cache 的 WordPress 緩存有時涉及一定數量的 A/B 測試,以盡可能獲得最佳結果。

最後但並非最不重要的一點是,如果您的網站仍然存在問題,則可能是 W3 Total Cache 與另一個插件或您的主題之間存在衝突。 單擊“性能”選項卡提交錯誤報告,然後單擊“支持”提交免費支持和故障排除請求。 暫時停用 W3 Total Cache,直到您的支持請求得到處理。

現在閱讀:

  • 博客的前 20 個免費 WordPress 插件
  • 你還沒有聽說過的瘋狂方便的 WordPress 插件(還)
  • WordPress 的 5 個最佳 SEO 插件

下一步:

  • 博客的前 20 個免費 WordPress 插件
  • 你還沒有聽說過的瘋狂方便的 WordPress 插件(還)
  • WordPress 的 5 個最佳 SEO 插件

精選相關文章:

  • 博客的前 20 個免費 WordPress 插件
  • 你還沒有聽說過的瘋狂方便的 WordPress 插件(還)
  • WordPress 的 5 個最佳 SEO 插件

* 主圖改編自·JERRYANG