WP Rocket 很容易讓人產生一個錯覺：功能越多，全部開啟，網站就一定越快。
實際上，WordPress 加速最怕的就是「一次改太多」。CSS、JavaScript、快取、CDN 同時調整，測速分數也許變高，但如果選單失效、表單送不出去、購物車不能結帳，這種優化反而沒有意義。
這篇會用目前 WP Rocket 的主要功能重新整理一套比較安全的設定順序。你不需要先懂程式，但要知道每個功能在處理什麼，以及開啟後該測哪些地方。
WP Rocket 能改善什麼？不能改善什麼？
WP Rocket 的核心工作，是減少 WordPress 重複產生頁面的成本，並優化瀏覽器載入 CSS、JavaScript、圖片、影片與字型的方式。
| WP Rocket 擅長處理 | WP Rocket 不能單獨解決 |
|---|---|
| 頁面快取 | 主機規格本身不足 |
| CSS／JavaScript 載入優化 | 外掛本身程式效率很差 |
| 圖片與 iframe 延遲載入 | 原始圖片檔案過大 |
| 預先載入快取 | 資料庫或 PHP 嚴重瓶頸 |
| CDN 網址整合 | 會員、結帳等動態處理不足 |
| 部分前端效能最佳化 | 網站架構本身過度複雜 |
如果網站現在整體就很慢，建議先看WordPress 網站速度很慢怎麼辦，確認問題是在主機、圖片、外掛還是前端資源。主機如果長期資源不足，也可以參考網站主機太便宜會有什麼問題。
新手最安全的 WP Rocket 設定順序
| 順序 | 先做什麼 | 開完後檢查 |
|---|---|---|
| 1 | 先備份網站，啟用 WP Rocket 基本功能 | 前台與後台是否正常 |
| 2 | 開啟媒體相關最佳化 | 首圖、Logo、影片、版面 |
| 3 | 測試 Remove Unused CSS | 首頁、手機版、彈窗、動態區塊 |
| 4 | 測試 Load JavaScript deferred／Delay JavaScript execution | 選單、表單、購物車、登入 |
| 5 | 啟用 Preload／Preload links | 主機負載與前台速度 |
| 6 | 有需要才加入 CDN | 圖片、CSS、JS 是否正常 |
| 7 | 最後才處理資料庫清理 | 先確認備份可用 |
這個順序的好處是，哪一步出問題比較容易找到原因。不要今天一次打開十個選項，明天才發現網站某個按鈕失效。
第一步：先備份，再讓基本快取正常運作
WP Rocket 啟用後，本身就會套用部分自動最佳化。這時先不要急著追求最高分，先用無痕視窗檢查：
- 首頁與文章頁能不能正常開啟。
- 手機版是否正常。
- 管理員登入後編輯是否正常。
- 表單是否能送出。
- 如果是電商，購物車與結帳是否正常。
- 如果是課程網站，會員登入與課程權限是否正常。
正式網站在做效能設定前，先建立可還原備份。尤其會員、訂單、課程進度都在同一站時，備份不是多餘步驟。
Remove Unused CSS：值得測，但要先看版面
WordPress 主題和外掛常會載入一大批 CSS，但某一頁實際只用到其中一部分。Remove Unused CSS 的目的，就是讓頁面只保留真正需要的樣式，減少不必要的 CSS 負擔。
這項功能對大型主題、頁面編輯器和外掛很多的網站通常值得測試，但開啟後要特別檢查：
- 首屏是否短暫沒有樣式。
- Elementor 或區塊頁面是否跑版。
- 彈窗、選單與行動版選單是否正常。
- 會員登入後的頁面是否正常。
- 商品頁、結帳頁和課程頁是否正常。
如果一開就跑版，不要硬撐著用。先清除 Used CSS 與快取，再找出需要排除的樣式；如果網站環境不適合，也可以退回較保守的設定。
JavaScript 優化：先 Deferred，再測 Delay
JavaScript 往往是 WordPress 前端最容易拖慢、也最容易優化出問題的地方。
Load JavaScript deferred
這個功能讓部分 JavaScript 不要阻擋頁面最前面的內容顯示。開啟後要測選單、輪播、表單、彈窗、登入和購物車等互動元件。
Delay JavaScript execution
Delay JavaScript execution 會把許多 JavaScript 延後到訪客互動後再執行，通常能明顯減少頁面一開始的腳本負擔。但如果某個功能必須一進頁面就執行，延遲過頭就可能造成短暫失效。
特別要測試：
- 手機選單。
- 表單驗證與送出。
- LINE、聊天或其他浮動按鈕。
- 加入購物車與迷你購物車。
- 結帳頁與付款功能。
- 會員登入。
- 課程播放器。
- Webinar 報名與追蹤腳本。
如果某個功能失效，再針對必要腳本做排除，比直接關掉所有 JavaScript 優化更有效率。
LazyLoad：圖片與影片很多的網站特別有感
LazyLoad 的概念很簡單：訪客還沒滑到的圖片、iframe 或影片，不必一開始全部載入。
長篇文章、銷售頁、商品頁和圖片多的網站通常適合使用。不過最上方的主視覺如果是 Largest Contentful Paint 的重要元素，不應為了延遲載入反而讓首屏變慢。
另外，WP Rocket 可以協助補上缺少的圖片尺寸，降低圖片載入時造成的版面跳動。圖片本身仍然要控制尺寸與檔案大小，不能把一張超大的原始照片丟上網站，再期待快取外掛全部處理。
Preload：讓快取先準備好，但大站要觀察負載
Preload 會主動建立快取，而不是等第一位訪客進頁面才開始產生。這對一般網站很方便，也能和 Remove Unused CSS 等處理流程互相搭配。
但如果網站有大量文章、商品或頁面，重新建立整站快取時可能產生短時間負載。若主機資源有限，清除整站快取後要觀察 CPU、後台反應與錯誤紀錄。
Preload links 則是在使用者可能點擊連結前先做準備，能改善部分頁面切換的體感速度。是否開啟仍以實際網站測試為準。
WP Rocket 和 Bunny CDN 可以一起用嗎？
可以，但不要讓不同外掛重複改寫同一批 CDN 網址或重複做同一項最佳化。
WP Rocket 主要負責 WordPress 快取與前端效能；Bunny CDN 則可以讓圖片、CSS、JavaScript 等靜態資源透過 CDN 節點分發。完整設定可以看Bunny CDN 教學。
修改網站後如果看到舊版內容，可以依序處理：
- 清除 WP Rocket 快取。
- 清除 CDN 快取。
- 若使用頁面編輯器，必要時重新產生 CSS。
- 用無痕視窗重新檢查。
資料庫清理：這不是網站加速的第一步
WP Rocket 可以清理文章版本、自動草稿、回收桶與部分暫存資料，但不要看到「清理」就全部勾選。
資料庫整理比較適合放在最後，而且執行前要先備份。尤其如果你的網站有訂單、會員、表單紀錄、課程進度與其他營運資料，任何不熟悉的資料都不要隨便刪除。
WordPress 外掛很多，只裝 WP Rocket 就能救嗎？
不一定。如果真正拖慢網站的是某個外掛大量查詢資料庫、載入過多腳本，快取只能改善其中一部分。
可以搭配WordPress 外掛太多會怎樣一起檢查。真正有效的速度優化通常是：主機、外掛、圖片、頁面設計、快取與 CDN 一起整理，而不是只靠一支外掛。
電商與課程網站，設定後一定要測這 12 項
- 首頁。
- 手機版選單。
- 表單送出。
- 彈窗。
- 商品頁。
- 加入購物車。
- 購物車。
- 結帳。
- 付款後跳轉。
- 會員登入。
- 課程權限。
- 課程影片與播放器。
不要只看 PageSpeed 分數。對營運網站來說，能正常收款、登入、寄信與交付課程，比多幾分更重要。
WP Rocket 常見問題 FAQ
WP Rocket 有免費版嗎？
WP Rocket 是付費 WordPress 外掛，沒有一般免費版。預算有限時，可以先從主機、圖片尺寸、外掛精簡與其他快取方案著手。
WP Rocket 所有功能都要開嗎？
不用。基本功能先正常，再依網站需求逐項開啟與測試。不同主題、外掛、會員與購物流程需要的排除設定不同。
WP Rocket 和 CDN 哪一個比較重要？
兩者處理的問題不同。WP Rocket 著重 WordPress 快取與前端最佳化；CDN 著重靜態內容分發。網站本身沒有做好，單加 CDN 也不會自動解決所有效能問題。
開啟 Delay JavaScript 後網站壞掉怎麼辦？
先清快取確認問題，暫時關閉該功能測試；若恢復正常，再找出需要排除的腳本，不要同時改其他設定。
WP Rocket 可以解決主機太慢嗎？
只能改善部分情況。快取能減少重複運算，但會員、結帳、資料庫和 PHP 等動態工作仍依賴主機。長期資源不足時，仍要處理主機或程式瓶頸。
結論：先穩定，再追求更快
WP Rocket 的價值，不是讓你把所有加速選項一次打開，而是用一套相對集中的方式管理 WordPress 快取、CSS、JavaScript、媒體與預先載入。
如果你是新手，記住一個原則就夠了：一次只改一項，改完就測。首頁正常不代表結帳正常；桌機正常也不代表手機、會員與課程流程正常。
把主機、外掛、圖片、WP Rocket 與 CDN 各自的角色分清楚，網站才會是真的變快，而且不會為了測速分數犧牲營運穩定度。