WP Rocket 教學：WordPress 快取外掛設定，提升網站速度與穩定度
如果你正在經營 WordPress 網站，網站速度絕對不是小問題。
網站打開太慢，訪客可能還沒看到內容就離開；銷售頁太慢，廣告流量進來也可能白白浪費；課程網站太慢，學員登入、瀏覽課程、切換頁面都會受到影響。
WP Rocket 是一款常見的 WordPress 快取與網站速度優化外掛，主要功能包含頁面快取、檔案最佳化、圖片與影片延遲載入、預先載入、資料庫清理、CDN 整合與 Heartbeat 控制。
簡單說，WP Rocket 的目的不是讓網站看起來多一個外掛，而是幫助網站減少不必要的等待、降低主機負擔，讓訪客更快看到內容。
這篇文章會用比較白話的方式，整理 WP Rocket 是什麼、快取是什麼、哪些設定建議開啟、哪些功能要小心，以及 WordPress 網站要如何搭配主機、圖片壓縮與 CDN，讓網站速度更穩定。
WP Rocket 是什麼？
WP Rocket 是一款付費 WordPress 快取外掛，主要用途是優化網站速度與效能。
WordPress 本身是動態網站系統。每次訪客打開頁面時，網站通常需要讀取資料庫、執行 PHP、載入主題、外掛、圖片、CSS、JavaScript 等資源。當網站內容越多、外掛越多、圖片越大、訪客越多，主機負擔就可能變重。
WP Rocket 可以幫網站建立快取，讓訪客在瀏覽網站時，不需要每次都完整重新產生頁面。這樣可以減少主機運算與資料庫請求，也能讓頁面更快呈現。
除了快取之外，WP Rocket 也提供許多速度優化功能，例如：
- 頁面快取。
- 瀏覽器快取。
- CSS 檔案最佳化。
- JavaScript 檔案最佳化。
- 延遲 JavaScript 執行。
- 圖片延遲載入。
- iframe 與影片延遲載入。
- 預先載入快取。
- 資料庫清理。
- CDN 整合。
- Heartbeat 控制。
對不想花太多時間研究技術細節的新手來說，WP Rocket 的優點是操作相對直覺，很多基礎快取功能啟用後就能自動運作。
什麼是快取？用餐廳備餐來理解
快取可以想像成「先把常用內容準備好」。
如果沒有快取，就像餐廳每一份餐點都要等客人點餐後才開始備料、烹調、裝盤。客人越多，廚房越忙，等待時間也越長。
有快取之後，就像餐廳已經先把常賣的餐點準備好。客人點餐時，不需要每次都從零開始製作，而是可以更快出餐。
網站也是一樣。
沒有快取時，訪客每次打開頁面，WordPress 都可能需要重新查資料庫、執行程式、組合頁面。
有快取後，網站可以先把頁面結果儲存起來，訪客再來瀏覽時，就能更快看到內容。
這就是快取對網站速度最直接的幫助：減少重複運算、降低主機負擔、縮短訪客等待時間。
為什麼網站速度會影響成交？
網站速度不是只有工程師才需要在意。
對經營網站的人來說，速度會直接影響訪客體驗與成交結果。
如果網站太慢，訪客可能會出現幾種反應：
- 還沒看到內容就關掉。
- 覺得網站不專業。
- 不想繼續看銷售頁。
- 不想填表單或下單。
- 對品牌信任感下降。
- 學員覺得課程平台不好用。
尤其是銷售頁、線上課程網站、電商網站、會員網站，更不能忽略速度問題。
因為這些網站不是只有展示內容，還要承接報名、付款、登入、購物車、課程觀看與會員操作。如果網站常常卡住，使用者體驗變差，成交率也可能受到影響。
所以 WP Rocket 這類快取外掛的價值，不只是讓測速分數好看，而是幫網站更順暢地承接訪客、內容與訂單。
WP Rocket 有免費版嗎？
WP Rocket 沒有提供免費版，需要購買授權後下載外掛檔案，再透過 WordPress 後台上傳安裝。
雖然它是付費外掛，但優點是功能完整、操作相對簡單，適合想快速完成網站速度優化的人。
如果你是剛開始經營網站、預算有限，也可以先使用免費快取外掛搭配圖片壓縮、好的主機與基礎優化。等網站開始有流量、有訂單、有課程或會員系統需求，再升級使用 WP Rocket 也可以。
如果你已經在經營正式事業網站、電商網站、課程網站或銷售頁，WP Rocket 就很值得評估，因為網站速度和穩定度會影響使用者體驗，也會影響你承接流量與成交的能力。
WP Rocket 安裝方式
WP Rocket 是付費外掛，通常不能直接從 WordPress 外掛目錄免費安裝，需要先到官方網站購買授權並下載外掛壓縮檔。
基本安裝流程如下：
- 到 WP Rocket 官方網站購買授權。
- 下載 WP Rocket 外掛壓縮檔。
- 登入 WordPress 後台。
- 進入「外掛」→「安裝外掛」。
- 點選「上傳外掛」。
- 選擇剛剛下載的 WP Rocket 壓縮檔。
- 點選「立即安裝」。
- 安裝完成後點選「啟用」。
- 進入「設定」→「WP Rocket」。
- 依照外掛提示完成授權與基本設定。
安裝完成後，WP Rocket 會自動啟用部分基礎快取功能。你可以先檢查網站前台是否正常，再逐步開啟其他優化選項。
設定前先做一件事：備份網站
在調整 WP Rocket 設定之前，建議先備份網站。
原因很簡單：快取外掛會影響 CSS、JavaScript、圖片、影片、資料庫與前台顯示。如果某個設定和你的主題或外掛衝突，可能會造成版面跑掉、按鈕不能點、選單不能開、結帳流程異常等問題。
備份不代表一定會出問題，而是讓你有退路。
建議至少備份：
- 網站檔案。
- 資料庫。
- 主題設定。
- 重要外掛設定。
如果你有使用 UpdraftPlus 或主機內建備份，可以在設定 WP Rocket 前先建立一份手動備份。等確認網站正常，再繼續進行後續優化。
WP Rocket 功能總覽
WP Rocket 的功能很多，新手不需要一開始全部打開。比較重要的是先理解每個功能在做什麼，再依照網站情況逐步測試。
常見功能可以分成以下幾類：
- 快取：讓網站頁面更快被讀取。
- 檔案最佳化：優化 CSS 與 JavaScript。
- 媒體最佳化：延遲載入圖片、iframe 與影片。
- 預先載入：提前建立快取，讓訪客更快看到頁面。
- 資料庫清理：清除文章版本、草稿、垃圾留言與臨時資料。
- CDN：整合外部 CDN 服務，加速靜態資源。
- Heartbeat：降低 WordPress 心跳請求頻率，減少主機負擔。
- 附加功能：整合其他服務或特殊環境。
下面會依照常見設定項目，整理哪些適合開啟，哪些需要小心測試。
快取功能：WP Rocket 最核心的加速基礎
頁面快取是 WP Rocket 最核心的功能。
啟用快取後，WP Rocket 會幫網站建立靜態快取檔案，讓訪客開啟頁面時，不需要每次都重新執行完整的 WordPress 動態流程。
這對一般文章頁、首頁、服務介紹頁、銷售頁、常見問題頁都很有幫助。
不過，並不是所有頁面都適合被快取。例如：
- 購物車頁面。
- 結帳頁面。
- 會員帳號頁。
- 登入後才看得到的個人化頁面。
- 需要即時變動資料的頁面。
WP Rocket 通常會自動處理 WooCommerce 等常見情境，但如果你有自訂會員系統、課程系統或特殊表單，還是建議實際測試登入、購物車、結帳、課程權限是否正常。
檔案最佳化：CSS 與 JavaScript 要小心設定
WP Rocket 的檔案最佳化主要處理 CSS 與 JavaScript。
這類功能確實可以幫網站加速，但也是最容易造成版面或功能異常的地方。
建議原則是：一次只開一個功能，開完就測試前台。
不要一次把所有 CSS 和 JavaScript 選項全部打開，否則如果網站出問題，你會很難判斷是哪一個設定造成的。
壓縮 CSS
壓縮 CSS 會移除 CSS 檔案中的空白、換行與註解，讓檔案變小。
一般情況可以開啟，但開啟後要檢查前台版面是否正常，例如：
- 首頁版面是否跑掉。
- 選單是否正常。
- 按鈕樣式是否正常。
- Elementor 或區塊編輯器製作的頁面是否正常。
- 手機版是否正常。
如果開啟後版面異常，可以先關閉壓縮 CSS，再清除快取測試。
移除未使用的 CSS
移除未使用的 CSS 是改善網站速度很有感的功能之一。
很多 WordPress 主題和外掛會載入大量 CSS，但實際頁面只用到其中一部分。移除未使用 CSS 可以讓頁面一開始載入的 CSS 更精簡。
不過這個功能也需要測試，尤其是使用 Elementor、複雜主題、彈窗、動態內容、會員功能或電商功能的網站。
如果開啟後發現頁面樣式延遲出現、版面跑掉、手機版異常，可以先清除 Used CSS 或停用這項功能，再逐步排除。
最佳化 CSS 分派
最佳化 CSS 分派的概念，是優先處理畫面一開始需要的關鍵 CSS，其他 CSS 延後載入，讓訪客更快看到頁面內容。
這個功能對速度分數和感知載入速度有幫助，但也可能造成版面短暫閃動或部分樣式異常。
如果你的網站使用複雜頁面設計，建議開啟後特別檢查首頁、銷售頁、商品頁、課程頁和手機版。
壓縮 JavaScript
壓縮 JavaScript 會移除 JavaScript 檔案中的空白、換行與註解，讓檔案更小。
這項功能通常可以開啟，但要特別注意互動功能是否正常，例如：
- 選單是否能打開。
- 輪播圖是否正常。
- 彈窗是否正常。
- 表單是否能送出。
- 加入購物車是否正常。
- 結帳流程是否正常。
- 課程播放器是否正常。
如果網站功能突然不能用，很可能和 JavaScript 最佳化有關。
合併 JavaScript：不建議新手開啟
合併 JavaScript 是把多個 JavaScript 檔案合併成一個檔案，理論上可以減少請求數量。
但現在多數網站已經使用 HTTP/2 或 HTTP/3，單純合併檔案不一定像以前那麼必要，而且合併 JavaScript 比較容易造成外掛或主題功能衝突。
如果你不是很熟悉除錯，新手不建議開啟合併 JavaScript。
比較安全的做法是先使用壓縮、延遲與非同步載入，確認網站穩定後，再評估是否真的需要合併。
非同步載入 JavaScript
非同步載入 JavaScript 可以讓瀏覽器不要被某些 JavaScript 檔案卡住，進而改善載入速度。
這項功能通常可以評估開啟，但同樣要測試網站互動功能。
如果你開啟後發現選單、表單、購物車、彈窗、登入或課程播放器異常，就要回到 WP Rocket 設定中排除相關 JavaScript 檔案，或先關閉這項功能。
延遲 JavaScript 執行
延遲 JavaScript 執行是 WP Rocket 很有價值的功能之一。
它的概念是：某些 JavaScript 不需要在頁面一打開時立刻執行，可以等訪客互動後再載入，例如滾動、點擊、滑動頁面時再執行。
這對第三方追蹤碼、聊天工具、社群外掛、部分行銷腳本特別有幫助，因為這些腳本常常會拖慢頁面載入。
但要注意，如果某些功能一開始就需要 JavaScript，例如選單、彈窗、表單、輪播、結帳、會員登入，延遲過頭可能會造成使用者剛進頁面時不能操作。
建議開啟後完整測試網站的重要流程。
媒體最佳化：圖片、影片與 iframe 延遲載入
圖片和影片通常是網站變慢的主要原因之一。
尤其是首頁、銷售頁、商品頁、部落格文章，如果圖片很多、尺寸很大、沒有壓縮，訪客打開頁面時就會等待很久。
WP Rocket 的媒體最佳化功能，可以幫你延遲載入圖片、iframe 與影片，讓網站一開始先載入訪客看得到的內容，其他內容等快要進入畫面時再載入。
圖片延遲載入
圖片延遲載入的概念是：訪客還沒滑到的圖片，不需要一開始就全部載入。
這對圖片很多的文章、商品頁、作品集、長頁面銷售頁很有幫助。
建議開啟後檢查首圖、Banner、Logo 是否正常顯示。如果首屏重要圖片被延遲載入，反而可能影響使用者第一眼體驗，必要時可將重要圖片排除延遲載入。
iframe 與影片延遲載入
YouTube 影片、Google 地圖、外部嵌入內容，通常會載入額外腳本，容易拖慢網站。
如果你的文章或銷售頁有嵌入影片，建議開啟 iframe 與影片延遲載入。
這樣訪客一開始不用立刻載入所有影片相關資源，頁面會比較快出現。
使用預覽圖片取代 YouTube 播放器
如果頁面有嵌入 YouTube 影片，可以考慮開啟「使用預覽圖片取代 YouTube 播放器」。
這個功能會先顯示影片預覽圖，等訪客點擊後再載入真正的 YouTube 播放器。
對有很多影片的文章或課程介紹頁來說，這項功能通常很有幫助。
補上缺少的圖片尺寸
圖片如果缺少寬度和高度資訊，瀏覽器在載入時可能需要重新計算版面，造成畫面跳動。
WP Rocket 的「補上缺少的圖片尺寸」功能，可以幫圖片補上 width 與 height，減少版面位移問題。
這項功能建議開啟，對使用者體驗和頁面穩定度都有幫助。
預先載入：讓訪客更快看到快取頁面
快取不是只有建立一次就好，還要考慮快取什麼時候產生。
如果沒有預先載入，有時候第一位訪客進入某個頁面時，可能才開始產生快取。這位訪客就可能感覺比較慢。
預先載入的概念，就是讓 WP Rocket 先幫網站建立快取，讓訪客進來時可以直接看到已經準備好的快取版本。
一般網站可以開啟預先載入，但如果你的網站很大、文章很多、主機資源有限，預先載入可能會增加短時間的主機負擔。
如果開啟後發現主機 CPU 明顯升高，或後台變慢，可以調整預先載入設定，或只在流量較低的時段清快取和重建快取。
預先載入連結
預先載入連結的功能，是當訪客滑鼠移到某個連結上時，系統就預先載入該頁面。
如果訪客真的點進去，就會感覺頁面打開比較快。
這項功能對桌機瀏覽體驗有幫助，通常可以開啟。不過如果你的網站主機資源很緊，或頁面非常多，也可以視情況測試。
資料庫清理：清之前一定要備份
WordPress 使用久了，資料庫裡會累積很多資料，例如文章版本、自動草稿、回收桶文章、垃圾留言、臨時選項等。
WP Rocket 的資料庫清理功能，可以幫你整理這些不必要的資料，讓資料庫更乾淨。
常見可清理項目包括：
- 文章版本。
- 自動草稿。
- 回收桶文章。
- 垃圾留言。
- 回收桶留言。
- 臨時選項。
- 資料表最佳化。
不過資料庫清理要特別小心，因為很多資料刪除後不一定能復原。
建議原則是：清理資料庫前一定先備份。尤其是正式網站、電商網站、課程網站、會員網站，更不要在沒有備份的情況下清理資料庫。
如果你的網站有訂單、會員、學員資料、課程進度、表單紀錄，更要避免亂刪不熟悉的資料。
CDN 設定：WP Rocket 可以整合，但不要亂填
CDN 的全名是 Content Delivery Network，中文可以理解成內容傳遞網路。
CDN 的用途，是把圖片、CSS、JavaScript 等靜態資源分散到不同地區的節點，讓訪客可以從比較近的節點讀取資源，減少等待時間，也降低原主機負擔。
WP Rocket 有 CDN 設定頁，也會推薦 RocketCDN。RocketCDN 是額外加購服務，不一定每個網站都需要。
如果你已經使用 Cloudflare，通常不需要在 WP Rocket 的 CDN 欄位亂填 Cloudflare 資訊，避免造成設定混亂。
如果你想使用外部 CDN，可以評估 Bunny CDN 這類服務，再依照 CDN 服務提供的網域與設定方式，決定是否要透過 WP Rocket 或 CDN 官方外掛進行改寫。
重點是：CDN 設定不要重複做。不要同時讓多個外掛改寫同一批圖片、CSS、JavaScript 網址，否則容易造成圖片不顯示、樣式錯誤或快取難以排除。
Heartbeat 控制：減少後台不必要的主機請求
WordPress Heartbeat API 會讓瀏覽器和主機定期通訊，用於文章自動儲存、登入狀態、後台通知等功能。
這個功能本身不是壞事，但如果網站同時有很多後台操作、多人編輯、外掛請求，就可能增加主機負擔。
WP Rocket 的 Heartbeat 控制，可以降低這類請求的頻率。
一般網站建議使用「減少活動」即可，不建議新手直接完全停用，因為完全停用可能影響自動儲存或部分外掛功能。
如果你經常在後台編輯文章、修改頁面、調整課程內容，保留基本 Heartbeat 功能會比較安全。
附加功能：不確定就先不要開
WP Rocket 有一些附加功能，用來整合特定外部服務或特殊環境。
如果你不知道某個附加功能是做什麼的，建議先不要開。
網站速度優化不是開越多越好，而是要開對功能，並確認網站前台、後台、會員、表單、購物車、課程播放都正常。
很多網站出問題，不是因為沒有優化，而是一次打開太多優化功能，結果 CSS、JavaScript、快取、CDN 互相衝突。
圖片最佳化：WP Rocket 不是圖片壓縮工具本體
網站速度慢，很多時候是圖片太大造成的。
WP Rocket 可以處理圖片延遲載入、補上圖片尺寸，也會推薦圖片最佳化服務，但它本身不是專門的圖片壓縮工具。
如果你想讓網站速度更好，圖片壓縮一定要做。
建議上傳圖片前先注意：
- 不要上傳過大的原始照片。
- 一般文章圖片先縮到合適尺寸。
- 圖片檔案盡量壓縮。
- 可使用 WebP 或其他適合網站的圖片格式。
- 重要首圖不要過大。
- 不要在同一頁放太多超大圖片。
如果你使用圖片壓縮外掛，也要注意額度、壓縮品質、是否支援 WebP，以及是否會和其他圖片處理外掛衝突。
WP Rocket 建議設定整理
以下是比較適合一般 WordPress 網站的設定方向，實際仍要依照網站情況測試。
| 功能 | 建議 | 原因 |
|---|---|---|
| 頁面快取 | 建議開啟 | WP Rocket 的核心功能，可降低主機負擔。 |
| 壓縮 CSS | 可開啟並測試 | 可減少檔案大小，但要檢查版面。 |
| 移除未使用 CSS | 可開啟並測試 | 對速度有幫助，但複雜頁面要檢查樣式。 |
| 壓縮 JavaScript | 可開啟並測試 | 可減少檔案大小，但要檢查互動功能。 |
| 合併 JavaScript | 新手不建議 | 容易造成主題或外掛功能衝突。 |
| 非同步載入 JavaScript | 可開啟並測試 | 可改善載入，但要檢查選單、表單、購物車。 |
| 延遲 JavaScript 執行 | 建議開啟並測試 | 常能改善第三方腳本造成的速度問題。 |
| 圖片延遲載入 | 建議開啟 | 圖片多的網站特別有幫助。 |
| YouTube 預覽圖取代播放器 | 有影片可開啟 | 可減少 YouTube 腳本一開始載入。 |
| 補上圖片尺寸 | 建議開啟 | 可減少版面跳動。 |
| 預先載入快取 | 可開啟並觀察主機負擔 | 能讓訪客更快看到快取頁面。 |
| 資料庫清理 | 備份後再執行 | 刪除後不一定能復原。 |
| CDN | 依需求設定 | 圖片多、流量大、跨地區訪客可評估。 |
| Heartbeat 控制 | 建議減少活動 | 降低後台請求，但不建議新手完全停用。 |
設定 WP Rocket 後，一定要測試這些地方
WP Rocket 設定完，不要只看 PageSpeed 分數，也要實際測試網站功能。
建議至少檢查：
- 首頁是否正常。
- 文章頁是否正常。
- 手機版版面是否正常。
- 選單是否能打開。
- 按鈕是否能點擊。
- 表單是否能送出。
- 彈窗是否正常。
- 圖片是否正常顯示。
- 影片是否能播放。
- 購物車是否正常。
- 結帳流程是否正常。
- 會員登入是否正常。
- 課程頁是否能正常瀏覽。
- 後台編輯器是否正常。
如果你有電商網站或課程網站，請務必實際測試「加入購物車、結帳、付款、登入、觀看課程」這些流程。
網站速度很重要，但不能為了速度犧牲成交流程。
如果網站跑版，怎麼排除？
如果開啟 WP Rocket 後網站跑版、按鈕不能點、圖片不顯示，先不要慌。
可以依照以下順序排查：
- 先清除 WP Rocket 快取。
- 清除瀏覽器快取。
- 如果有 CDN，也清除 CDN 快取。
- 用無痕視窗重新測試。
- 先關閉最近開啟的 CSS 或 JavaScript 優化功能。
- 一次只開一個功能，開完就測試。
- 如果是特定外掛失效，檢查是否需要排除該外掛的 JavaScript。
- 如果是手機版異常，單獨檢查手機快取與行動版設定。
最常見的問題通常不是快取本身，而是 CSS 或 JavaScript 最佳化造成衝突。
所以新手設定 WP Rocket 時，不要追求一次開滿所有功能，而是要追求網站穩定、前台正常、成交流程順暢。
如何有效加快 WordPress 網站速度？
WP Rocket 很好用，但它不是唯一因素。
真正有效的網站速度優化，應該是整體搭配：
- 使用穩定、速度好的主機。
- 減少不必要的外掛。
- 圖片上傳前先壓縮。
- 避免一頁放太多大型圖片和影片。
- 使用快取外掛，例如 WP Rocket。
- 視流量與需求搭配 CDN。
- 定期清理資料庫。
- 避免主題和外掛載入太多無用資源。
- 定期測試手機版速度與體驗。
如果主機本身很慢、圖片超大、外掛太多、頁面塞滿動畫和第三方追蹤碼，只靠 WP Rocket 不可能把網站變成完美狀態。
比較正確的做法是：先把主機、圖片、外掛、頁面設計整理好，再用 WP Rocket 做快取與前端效能優化。
WP Rocket 適合哪些網站？
WP Rocket 特別適合以下網站：
- WordPress 部落格。
- 品牌形象網站。
- 公司官網。
- 內容行銷網站。
- 電商網站。
- 線上課程網站。
- 會員網站。
- 銷售頁與活動頁。
- 圖片較多的網站。
- 有投放廣告、需要承接流量的網站。
如果你的網站只是剛建立、內容很少、流量也不大，可以先從圖片壓縮、主機品質與基礎快取開始。
但如果你的網站已經開始承接客戶、訂單、學員、廣告流量或會員登入，網站速度就不只是「看起來順不順」而已，而是會影響實際營運。
結語：WP Rocket 不是萬能，但很值得認真設定
WP Rocket 是一款功能完整、操作相對簡單的 WordPress 快取與網站速度優化外掛。
它可以透過頁面快取、CSS 與 JavaScript 最佳化、媒體延遲載入、預先載入、資料庫清理、CDN 整合與 Heartbeat 控制，幫助網站降低主機負擔、提升載入速度與使用者體驗。
不過，網站速度優化不是把所有功能全部打開就好。
真正重要的是：設定後網站要正常、手機版要正常、表單要能送出、購物車要能結帳、會員要能登入、課程要能觀看。
速度優化的目的，是讓網站更好用、更穩定，也更能承接流量與成交，而不是只追求測速分數。
如果你把 WP Rocket 搭配好的主機、圖片壓縮、適當 CDN、精簡外掛與良好的頁面設計，網站速度和穩定度通常會有明顯提升。
對真正想經營網站、內容、課程、電商或網路事業的人來說，WP Rocket 不是單純的外掛，而是讓網站更穩定運作的重要工具之一。
參考資料
- WP Rocket 官方網站
- WP Rocket 官方文件：What exactly does WP Rocket do?
- WP Rocket 官方文件：Page caching
- WP Rocket 官方文件：Remove Unused CSS
- WP Rocket 官方文件：Delay JavaScript Execution
- WP Rocket 官方文件：Preload cache