容易上手的 WordPress 快取外掛:WP Super Cache 與 Jetpack Boost 併用

大部分的 WordPress 自架者在完成架站之後,都會開始學習接觸網站加速的方法,最容易完成的方式就是安裝快取外掛 (Cache plugin);等到網站規模、流量大幅成長的時候,就該考慮導入 CDN (內容傳遞網路) 的機制了。

所以在你的 WordPress 開站初期,規模還沒大到非得導入 CDN 才有明顯助益時,我認為先把快取外掛裝起來、做好合適的設定值,就十分夠用了。

常見的 WordPress 快取外掛

這些知名的外掛都有一定的安裝數,代表全球有這麼多的使用者跟你一起 當白老鼠… 不是,一起體驗良好的加速效果 XD ,但千萬要注意的是,WordPress 快取加速外掛跟你的電腦防毒軟體一樣,一個網站只需要裝一套就好,千萬不要有多裝幾套就是比較好的想法,多裝只會多發生無法預期的錯誤反應。

WP Super Cache

Automattic

WP Super Cache

由 WordPress 本家 Automattic 所開發的快取,相容性自然不在話下。提供部分繁體中文化界面。
▲安裝數:超過1百萬

WP Fastest Cache

Emre Vona

WP Fastest Cache

雖然免費版提供了1/3的功能,但大部分核心的機制都已提供,足堪一般使用。提供繁體中文介面。
▲安裝數:超過1百萬

W3 Total Cache

BoldGrid

W3 Total Cache

免費版大方地給了七成以上的功能;官方強調設定得好的話,能得到10倍以上的加速。未提供繁體中文介面。
▲安裝數:超過1百萬

WP-Optimize

UpdraftPlus

WP-Optimize

雖然免費版僅提供核心功能,但有很多人沒給的 Database cleaning 功能。未提供繁體中文介面。
▲安裝數:超過1百萬

Brezze

Cloudways

Breeze

由知名主機供應商 Cloudways 開發的快取。提供繁體中文介面。
▲安裝數:超過30萬

Hummingbird

WPMU DEV

Hummingbird

提供方便的設定精靈,很容易完成初始設定;免費版提供了絕大部分功能。未提供繁體中文介面
▲安裝數:超過10萬

LiteSpeed Cache

LiteSpeed Technologies

LiteSpeed Cache

如果網站伺服器是 LiteSpeed,本家出的 LiteSpeed Cache 一定要試試看。提供繁體中文介面。
▲安裝數:超過4百萬

A2 Optimized WP

A2 Hosting

A2 Optimized WP

如果你的主機商是 A2 Hosting,這是量身訂做的 WordPress 快取。未提供繁體中文介面
▲安裝數:超過7萬

一起安裝 WP Super Cache 與 Jetpack Boost 的理由

WP Super Cache

Automattic

WP Super Cache

由 WordPress 本家 Automattic 所開發的快取,相容性自然不在話下。提供部分繁體中文化界面。
▲安裝數:超過1百萬

Jetpack Boost

Automattic

Jetpack Boost

Automattic 所開發的網站前端加速外掛。提供繁體中文介面。
▲安裝數:超過30萬

話說前面那段才說到,WordPress 快取加速不要同時啟用兩套,為什麼這邊又一起提到了 WP Super Cache 與 Jetpack Boost 呢?

這要說到有網友在另一套加速軟體 Jetpack Boost 的支援論壇中問到:既然 Jetpack 推薦裝了 WP Super Cache 之後,最好也裝 Jetpack Boost,那麼希望 Jetpack Boost 的開發團隊說明一下如此推薦的原因。所以 Jetpack Boost 的工程師 Alin (@alinclamba) 也解釋了推薦兩套一起安裝的道理,大致如下:

  1. 功能上的互補:
    WP Super Cache 和 Jetpack Boost 可以協同工作,提供全面的網站加速解決方案。WP Super Cache 主要提供網站內容快取,減少伺服器的負擔,並加速頁面存取時間。而 Jetpack Boost 提供了圖片最佳化、關鍵 CSS 產生、CSS/JS 延遲載入等附加的功能。透過這兩個外掛,可以確保訪客得到更好的網站瀏覽體驗。
  2. 提高網頁速度:
    建議將 Jetpack Boost 與 WP Super Cache 一起安裝的好處之一在於可能進一步提升頁面速度 (黑洋認為可能是指 Google 的 PageSpeed Insights,但不能明說)。前面第一點提到 Jetpack Boost 專注於網站的前端加速,而 WP Super Cache 處理伺服器端的快取;這兩個快取的結合運用,可以幫助管理人員從不同的面向來調校網站性能,改善整體加載時間。
  3. 更簡單的設定:
    Jetpack Boost 和 WP Super Cache 這兩個外掛的設計都考慮到使用者友善介面,提供便捷而有效率的使用流程,省去其它功能強大的外掛所帶來的複雜設定。
  4. 來自相同研發團隊的支援和更新:
    Jetpack Boost 和 WP Super Cache 作為 Jetpack 產品家族的一員,都會得到來自同一團隊的定期更新和支援。確保使用者的網站能運行在日新月異的加速技巧跟新技術上。

根據以上的理由,我也在手上的某個網站中,快速地做了一個測試;安裝好之後,跟我之前使用的加速方案做一個比較,透過 GTmetrix 跟 Pingdom 做簡單的測試結果如下表。

由於時間有限,我只能簡單地測試並加上個人體感的加速感受,做出一個不是非常精準的結論,僅供參考。如果網友有更深入、更科學的比較,歡迎分享給我們知道,謝謝。

WP Super Cache 與 Jetpack Boost 測試比較表:GTmetrix

CDN快取類型GTmetrix:
Grade
GTmetrix:
Performance
GTmetrix:
Structure
Web Vitals:
LCP (秒)
越少越好
Web Vitals:
TBT (毫秒)
越少越好
Web Vitals:
CLS
越少越好
QUICLiteSpeed Server CacheB82%89%2.100.02
QUICB88%90%1.800.02
B89%79%1.7940.02
WP Super CacheB90%82%1.61130.02
WP Super Cache + Jetpack boostC76%79%1.9810.62
WP Super Cache + Jetpack boost (設定後)B81%79%0.9681560.67
HummingbirdB88%83%1.71010.02
Hummingbird (設定後)B87%82%1.9800.02

在這個表中,我們可以發現「測試案例」在有 CDN 的狀態下,於 GTmetrix 取得相對優秀的評價。如果沒有 CDN 加持,設定過的 WP Super Cache + Jetpack boost 只有在 LCP (網站載入速度) 取得較好的表現;總阻塞時間 (TBT) 卻是 WP Super Cache + Jetpack boost 初始狀態較佳;而裝了 Jetpack boost 之後,拉下了 CLS (累計版面配置位移) 的評價。

我的初步結論如下:在沒有 CDN 的狀態下,安裝快取外掛 WP Super Cache + Jetpack boost 的確可以得到初步的改善,但如果 Jetpack boost 沒有抓對正確設定或是網頁版面規劃不良的話,反而對於 TBT 跟 CLS 助益不大。

倒是 WPMU DEV 的 Hummingbird 外掛可以取得一個平衡。

WP Super Cache 與 Jetpack Boost 測試比較表:Pingdom

CDN快取類型Pingdom:
Performance grade
Pingdom:
Load time (ms)
越少越好
Pingdom:
Page size (MB)
越少越好
Pingdom:
Requests
越少越好
QUICLiteSpeed Server CacheA Grade: 927132.422
QUICA Grade: 927282.422
C Grade: 769542.760
WP Super CacheC Grade: 786622.760
WP Super Cache + Jetpack boostC Grade: 785292.760
WP Super Cache + Jetpack boost (設定後)B Grade: 834052.736
HummingbirdC Grade: 7810702.755
Hummingbird (設定後)C Grade: 786702.759

在 Pingdom 的測試結果中,我們可以發現「測試案例」在沒有 CDN 加持,設定過後的 WP Super Cache + Jetpack boost 取得不錯的評價,反而在 GTmetrix 表現尚可的 Hummingbird 卻得到表現平平的評價。

結語

關於 WordPress 快取的測試,基本上是很難測試的,因為關係到最後測試結果的變因太多了,例如:測試時的伺服器負載狀態 (VPS跟共享主機的狀況又大不相同)、伺服器對外的連線狀態是否穩定、網站測試樣本的差異 (例如剛裝好、沒有內容的 WordPress,或是以圖片為主的網站,或是文章數上百篇的網站)、量測網站的狀態是否為最佳狀態 (例如測試當下 GTmetrix、Pingdom 忽然忙碌等等) 等等。

所以我認為比較好的評估方式是站長自己進行相對式的比較,例如安裝後的評分、各項指標是否更好,以及體感的開啟速度是否變快 (簡單的方式就是拿碼表測);然後針對個別項目去最佳化網站的結構、版面設計、圖片用量等等,反覆去抓出一個平衡點。

請記住,WordPress 網站開啟速度的最佳化,是一連串的進行式,直到你或你的業主滿意為止。

參考資料

原文標題:Article on why Jetpack Boost is a good combined with Super Cache

https://wordpress.org/support/topic/article-on-why-jetpack-boost-is-a-good-combined-with-super-cache/

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *