在 WordPress 網站架設一段時間之後，都會面對一個問題，就是網站的速度開始一點點的變慢，然後會開始搜尋安裝所有能加速 WordPress 的外掛。

一旦開始搜尋就更手足無措，各式各樣的快取或增加效能的外掛，讓人眼花瞭亂，不懂狀況就挑了幾個喜歡的裝，結果可能還是不如預期。

影響網站速度的因素非常多，先從選擇一個適合的快取外掛開始。

大部分的快取外掛，不是非常簡單設定，但沒什麼效果；或是擁有很多細部設定，但卻讓人無所適從。

LiteSpeed Cache 外掛是一個適合新手使用，它的預設設定就有很好的優化效果，同時它也擁有非常多細部設定可以調整，滿足更專業的需求。

什麼是 LiteSpeed Cache (LSCache)

LSCache 是 LiteSpeed Web Server 內建的高效能快取模組，可以加速靜態資料和動態資料存取。

LSCache WordPress Plugin 可以和 LiteSpeed Web Server 的 LSCache 模組溝通，提供更聰明和更有效率的快取機制。

為什麼選擇 LiteSpeed Cache 外掛

如果 WordPress 是架設在 LiteSpeed Web Server 上，那毫無疑問搭配 LiteSpeed Cache 外掛是最佳選擇。

LSCache Plugin 的預設設定就足夠適用大多數的網站，基本上安裝好就可以大幅加快網頁讀取速度。

LSCache 特色

• 伺服器階層的全網頁快取 (Server-Level Full-Page Cache)
• 私人快取 (Private Cache)
• 注入技術 (Edge Side Includes)
• 圖像優化 (Image optimization)
• 爬蟲 (Crawler)
• CSS, JavaScript, or HTML Minification (檔案壓縮)
• CSS and JavaScript Combination (檔案合併)
• HTTP/2 Push (減少開啟網頁時，所需的請求數 – HTTP Request)
• Content Delivery Network Support (Eliminates the need for a separate CDN plugin.)
• Browser Cache Support（瀏覽器快取）
• Lazy Load Images（延遲載入圖檔）
• Database Optimization (資料庫優化)

Cache 外掛速度與特色比較

如何安裝啟用

• 首先需注意的是，WordPress 必須運行在 LiteSpeed Web Server。
• 如果主機是租用的，要確定他們也是運行在 LiteSpeed Web Server。
• 如果是自行架設 LiteSpeed Web Server，要確定已設定好 Cache 功能，也可以開啟爬蟲（crawler）功能。

cPanel 設定

step 1

一般主機如果運行 LiteSpeed Web Sever + cPanel，在 cPanel 進階區塊可以找到 LiteSpeed Web Cache Manager 功能

step 2

進入功能後，可以看到 WordPress Cache。

step 3

點擊 Scan 後即開始尋找 WordPress 的安裝目錄，並加入下面清單。

step 4

確定這裏的 Cache Status 是啟用狀態(enabled)，如果不是就啟用它。

LSCache WordPress 外掛安裝

step 1

在安裝外掛介面搜尋 LiteSpeed Cache 就能找到外掛安裝，安裝之後記得啟用。

step 2

啟用後在左邊會出現 LiteSpeed Cache 選單，點擊【Cache】進入快取設定。

如果看到以下訊息，表示你並不是使用 LiteSpeed web server，無法正常使用這個外掛。

step 3

將 Enable Cache 設定為【ON】狀態，這樣就完成了。

LiteSpeed Cache 設定說明

LSCache 的設定選項非常多，優化網站最好的方式是先使用預設值，測試一下網頁是不是正常顯示，如果正常才可以繼續下一步驟。

外掛之間可能會有衝突，不要重複安裝有類似功能的外掛。

確認 LSCache 安裝後網頁顯示正常，然後依據自己的需求，調整其他優化選項。

重點是在每一次調整選項後，要先【清除快取】，再【測試網頁】是否正常，如果一次調整太多選項，不小心網頁就爆炸了，會很難找出問題選項是哪一個。

以下是常用的設定說明 ~

Dashboard

這裡可以看到 QUIC.cloud 的服務狀況，例如影像優化等等，這個服務基本上是免費的，在超過一定限額之後就需要付費。

您可能有興趣：QUIC.cloud，更快速的 WordPress CDN

General

General Settings

這裡是關於 QUIC.cloud 服務的設定，需要至 QUIC.cloud 註冊才可使用。

[1] General Settings

[Automatically Upgrade] – 【開啟】這個選項之後，外掛有新版本發佈就會自動更新，喜歡嘗試新玩意就開啟，想要網站穩定性高一點就【關閉】。

[Domain Key] – 想要使用 QUIC.cloud 服務，例如影像優化，CDN 等服務就必須先 【Request Domain Key】

[Guest Mode] – 可以加速頁面第一次被訪問時的速度。

Guest Optimization – 4.x 版本才有的選項，預設是 ON，但需要啟用 Guest Mode，如果 Guest Mode 未啟用，這個選項會被忽略。

啟用 Guest Mode 有一些事項需要注意：

1. Guest Mode 必須配合使用 QUIC.cloud CDN 服務，啟用 Guest Mode 之後，也會自動啟用 Critical CSS 和 Unique CSS。
2. 如果沒有使用 QUIC.cloud CDN 服務，就不會有 Critical CSS 和 Unique CSS 功能，一樣有加速效果，但不會是最佳效果。
3. Guest Mode 會額外消耗 QUIC.cloud 免費頻寬。
4. Guest Mode 也會額外消耗虛擬主機空間，因為會產生很多優化的 CSS 檔案。
5. Guest Mode 會隱藏網站實際遇到的效能問題，如果你想知道真正的網站使用體驗，就必須關閉 Guest Mode。
6. Guest Mode 啟用後，可能會造成 Google Analytics 的數據不準確。
7. 一定要測試、測試、測試。

[Server IP] – 填入 Server IP 可以讓雲端服務直接使用 IP 呼叫，跳過 DNS 查詢，速度會快一些。

[Notifications] – 開啟這個選項會自動顯示最新消息，最新的更新資訊，或優惠資訊，想要清靜一點建議可以【關閉】

[2] Tuning

[Guest Mode User Agents]: 這裡列出的是測試網頁效能分數的常見BOT。

預設值即可不需修改。

Cache

這裡是快取設定最主要的地方，有各式各樣大概數十種快取機制可供調整。

[1] Cache

[Enable Cache] – 這是外掛最重要的設定，必須 【開啟】才能啟用快取功能。

[Cache Logged-in Users] – 如果你的網站有很多登入使用者，將會產生很多帳號專用的快取；需要依據網站的使用狀況測試才能得知是否有優化效果。

[Cache Commenters] – 一般狀況下並不會明顯的優化效果，預設值即可。

[Cache REST API] – 一般狀況下並不會明顯的優化效果，預設值即可；關閉可以避免 REST API 功能異常。

[Cache Login Page] – 開啟可以優化速度，如果有變更登入 URL 就不要開啟。

[Cache favicon.ico] – 建議開啟。

[Cache PHP Resources] – 建議開啟。

[Cache Mobile] – 如果你的網站是 RWD 設計方式，關閉即可；如果你的網站使用 AMP 或特別為手機設計的網頁，請開啟。

[2] TTL

這個區塊是設定快取的有效時間，大部分狀況使用預設值即可，如果網站真的很少在更新內容，可以讓快取的有效時間設定更久一點；如果網站內容經常更新，就讓快取有效時間設定短一點。

[3] Purge

[Purge All On Upgrade] – 啟用這項設定後，有任何外掛、佈景主題或 WordPress 核心程式完成升級後，便會自動清除快取。

[Auto Purge Rules For Publish/Update] – 設定自動快取清除範圍，預設值即可，有些範圍不需經常更新，例如靜態首頁，可以考慮取消。

[Serve Stale] – 建議預設值。

[Scheduled Purge URLs] – 設定在這裡的網址，將會定期清除快取。

[Scheduled Purge Time] – 設定在什麼時間自動清除快取。

[4] Excludes

這個區塊是設定有哪些內容不需要快取，例如不需快取的網址，不需快取的查詢參數，不需快取的標籤或登入角色等等。

[5] ESI

啟用 ESI – 保持預設值即可。

[6] Object

[Object Cache]- 如果主機提供 Memcached 或 Redis 擴充模組，建議開啟；可以優化動態資料和資料庫查詢。

必須設定 Memcached 或 Redis 的 server host，帳號和密碼等等才有效果，其它設定值預設即可。

[7] Browser

[Browser Cache] – 建議開啟，將快取儲存在使用者的瀏覽器，降低重複的靜態檔案存取。

[8] Advanced

[Improve HTTP/HTTPS Compatibility] – 建議關閉，但如果網站同時使用 HTTP 和 HTTPS 且發現快取不一致時再開啟；但最好的方式是只使用 HTTPS，HTTP 使用轉導方式(Redirect) 到 HTTPS 頁面會是比較好的。

[Instant Click] – 這個功能開啟後，當使用者滑鼠移到網頁連結就會開始預先載入頁面，實際上的優化效果不一定有效，但會增加伺服器負擔，需要實際測試。

CDN

這裡可以設定 WordPress 搭配 CDN，可以搭配使用 QUIC.cloud 或是 Cloudflare CDN，CDN 功能預設是關閉的。

[1] CDN Settings

[QUIC.cloud CDN] – 如果有使用 QUIC.cloud 服務才可以開啟

[Cloudflare API] – 如果有使用 Cloudflare CDN 服務可以開啟，開啟後可以在 WordPress 方便管理 Cloudflare 快取。

[2] Manage

這裏只有基本的管理功能，詳細的功能設定還是要到原 CDN 服務管理介面。

Image Optimization

QUIC.cloud 提供影像優化服務，壓縮圖檔，圖像品質控制等等，沒有使用 QUIC.cloud 服務的話就跳過這個部分。

Page Optimization

這裏可以設定頁面優化，包含 CSS，Javascirpt 檔案壓縮，非同步載入等等，要使用這些設定最好的方式是從預設值開始，一次只調整一種選項，並測試是否正常。

[1] CSS Settings

[CSS Minify] – 壓縮 CSS 檔案

[CSS Combine] – 將各個 CSS 檔案合併，可能會造成網頁顯示異常。

[CSS HTTP/2 Push] – 建議開啟。

[Load CSS Asynchronously] – 以非同步方式載入 CSS，開啟後可以增加載入速度分數像是: Pingdom, GTmetrix, PageSpeed，但也可能造成網頁顯示異常。

[Font Display Optimization] – 建議 Swap，這樣網頁在顯示時會先使用預設字型，在字型檔載入後直接替換顯示。

[2] JS Settings

[JS Minify] – 壓縮 JS 檔案。

[JS Combine] – 將各個 JS 檔案合併，可能會造成 JS 程式錯誤，需要注意。

[JS HTTP/2 Push] – 預先載入 JS 檔案。

[Load JS Deferred] – 延遲載入 JS，延後載入可以在 JS 載入瀏覽器前繼續載入頁面其它部分，避免被 JS 檔案卡住。

[3] HTML Settings

[HTML Minify] – 壓縮 HTML 檔案。

[DNS Prefetch Control] – 建議開啟

[Load Google Fonts Asynchronously] – 非同步載入 Google Fonts，開啟後可以讓載入 Google 字型快一點。

[Remove Google Fonts] – 移除 Google Fonts 後可能會大大改變網頁的顯示。

[Remove WordPress Emoji] – 移除 WordPress Emoji，移除 WordPress Emoji JS 檔案。

[Remove Noscript Tags] – noscript tag 可以增加老舊瀏覽器的相容性，但會增加網頁大小，如果不需要舊型瀏覽器相容性，就開啟。

[4] Media Settings

[Lazy Load Images] – 開啟後，網頁的圖片只有在顯示範圍內才會載入，其它圖片不會馬上載入。

[5] Media Excludes

Media Settings 中設定的規則，這裏可以設定例外的狀況。

[6] Localization

[Gravatar Cache] – 設定是否啟用 Gravatar 快取。

[7] Tuning

[CSS Excludes] – 設定哪些 CSS 檔案不要壓縮或合併。

[JS Excludes] – 設定哪些 JS 檔案不要壓縮或合併，建議填入 jQuery。

[JS Deferred Excludes] – 設定哪些 JS 檔案不要延遲載入，建議填入 jQuery。

Database Optimization

這裏提供簡單的方式來優化資料庫。

[1] Manage

資料庫管理 – 幫助清理多餘的資料，草稿，或是回收筒中的文章。

[2] DB Optimization Settings

管理 Database 資料版本。

Crawler

檢索程式(爬蟲)，爬蟲預設是關閉狀態，當啟用後，爬蟲會自動更新快取到期的網頁，讓快取保持在最新狀態，這個功能很消耗系統資源，且需要在 Web Server 上啟用爬蟲，一般的主機商不會提供這個功能。

Toolbox

手動清除快取，匯出備份設定，Debug 功能等等。。

[1] Purge

手動清除頁面快取。

[2] Import/Export

匯出目前所有的快取設定，儲存成檔案供備份，這份檔案可以在之後重新匯入。也可以在這邊重設全部選項為預設值。

[3] Edit .htaccess

這個頁面僅供進階使用者使用。任何對 .htaccess 檔案的修改都有可能造成這個網站停止運作。 請在進行任何變更前，先備份檔案。

[4] Heartbeat Control

[Frontend Heartbeat Control] – 關閉可以降低 Server 負擔，但可能會使 AJAX 觸法的工作失效。

[5] Report

有問題時請 LiteSpeed 協助，點擊【Send to LiteSpeed】，會有一份目前的 Server 環境報告寄給 LiteSpeed。

[6] Debug Settings

[Disable All Features]- 暫時停止 LSCache 的所有快取功能，這樣可以確認是不是快取造成網頁的顯示錯誤。

[7] Log View

如果在 Debug View 開啟偵錯記錄，可在這裡查詢記錄。

[8] Beta Test

選擇其它外掛版本，Litespeed 快取外掛功能更新頻繁，這裏可以切換開發版本，在還沒有 Release 新版本前就先試用。

補充：如何設定 Object Cache

認識 object cache 前要先了解一下 WordPress 網頁如何產生，首先執行 php 程式向資料庫讀取資料，再動態組成網頁回應給瀏覽器顯示，每一次的顯示網頁就得查詢一次資料庫，查詢資料庫這個動作非常消耗主機資源。

Object Cache 是一種快取機制，可以將資料庫查詢結果先存到快取，下次顯示相同的網頁資料就不需要重複的查詢資料庫，直接由快取讀出資料顯示，這樣可以節省主機資源，也加快網頁的速度。

啟用主機 Memcached 模組

Step 1.

在 cPanel 管理介面找到 Select PHP Version

Step 2.

勾選 memcached 模組，注意是 memcached，不是 memcache。

設定 Object Cache

安裝好 LiteSpeed Cache 外掛後，進入 LiteSpeed Cache 設定頁面。

LiteSpeed Cache -> Cache -> [6] Object

Object Cache: 開啟 ON

Method: 選擇 Memcached

Persistent Connection: ON，保持連線開啟，可以提升快取速度。

Cache Wp-Admin: ON，提升 WordPress 後台速度。

其它選項維持預設值。

如何測試

進入 LiteSpeed Cache Toolbox 設定畫面

LiteSpeed Cache -> Toolbox -> [6] Debug Settings

Debug Log 設定為 ON

手動清除快取後開啟網頁，檢視檢視原始碼，在最後面會出現如下文字，表示設定正確。

<!– Object Cache [total] 5000 [hit_incall] 4849 [hit] 85 [miss_incall] 25 [miss] 41 [set] 39 –>

常見問題

最後

LSCache 的功能非常強大且選項非常多，在不了解其中的運作機制前，使用預設值就可以得到很好的優化效果，如果想要再進一步的優化，最好先了解快取機制，再來調整選項。

最重要的是在調整每一個選項後，一定要測試網頁是否顯示正常，一步一步的調整，才不會突然整個網頁壞了，這時再來尋找是哪個設定有問題就不容易了。

小步前進，隨時測試。