WP Rocket 教學:輕鬆提升 WordPress 網站速度 (2026 指南)

最後更新時間:2026-01-01,由 Dean 更新 Not By AI

「我的網站為什麼越來越慢?」這是我平常在處理網站時,最多人會來問我的問題。在我的實務經驗中,絕大多數 WordPress 網站的速度問題,都可以靠「快取」搞定。

這篇會介紹一款業界最多人使用,也是我最喜歡的快取外掛:WP Rocket。包含安裝設定、免費版和付費版差別,也會分享我實際使用前後的測試結果,幫助你有效提升網站速度

WP Rocket 是什麼?如何幫你提升 WordPress 網站速度?

WP Rocket 是目前市面上最多人使用的付費 WordPress 快取外掛,由法國團隊 WP Media 開發,最大優點是「設定簡單有效果」、「介面清楚好懂」,無論是新手或老鳥都很愛用。

WP Rocket 有哪些功能?分別有哪些用途?

WP Rocket 提供的功能很多,以下先簡單介紹 (後面段落會有詳細教學):

功能分類功能名稱用途與效果
快取功能快取設定(Caching)建立靜態快取頁面,加快載入速度。包含桌面與行動裝置快取 (內建),另可設定快取有效時間與清除條件。
 預載 (Preload)提前儲存網站頁面與內部連結,加快讀者瀏覽時的載入速度。
 Heartbeat 控制減少伺服器 CPU 負擔,讓操作更順暢。
檔案優化CSS/JS 優化、合併、延遲等減少 CSS 與 JS 檔案大小、控制載入時機,加快頁面的載入速度。
圖片與延遲載入Lazy Load 圖片延遲載入看到圖片區塊時,才載入圖片,減少載入負擔。
 iframe/Youtube 延遲載入延後 Youtube、iframe 等第三方內容的載入時間,加快頁面的開啟速度。
資料庫優化資料庫清理刪除文章修訂版本、垃圾留言、暫存資料等,保持網站乾淨與效能穩定。
CDN 整合CDN 設定 (可選)支援整合第三方 CDN (如 Cloudflare),將資源分流,加速全球各地的存取速度。

不過,也不是每個主機都可安裝 WP Rocket,下段說明。

DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

開始使用 WP Rocket:事前準備 + 安裝啟用

安裝前檢查:主機環境建議 & 外掛衝突排除

在安裝 WP Rocket 前,先花幾分鐘檢查主機環境,省下後續排錯的時間。特別是以下幾點:

  • 有些主機有內建快取或指定的加速外掛,重複安裝會導致衝突。
  • 主機的記憶體限制或伺服器設定,也可能影響快取效果
  • WordPress 若沒更新到最新版,有可能會出現相容性問題

以下是幾個常見主機商與 WP Rocket 的對應方式,更多細節可參考 WP Rocket 官方相容性說明

主機商名稱內建快取 / 專用外掛使用對策
KinstaKinsta 自訂快取系統不需安裝 WP Rocket,用主機內建的快取、壓縮、延遲載入等功能即可。
Hosting (原 A2 Hosting)Hosting.com Optimized (原 A2 Optimized).安裝前先停用 Optimized 外掛內的「快取與優化模組」。
.與 LiteSpeed Cache 擇一使用。
HostingerLiteSpeed CacheLiteSpeed Cache 和 WP Rocket 擇一使用。
CloudwaysBreeze安裝前先停用 Breeze 外掛,避免功能重疊與快取衝突。

如何安裝並啟用?

想安裝 WP Rocket,其實非常簡單,只要購買後,到 WordPress 後台上傳外掛就可以了。

如果你是第一次安裝付費外掛,可以參考下面的步驟:

step 1

登入 WP Rocket 官網,選擇適合的方案購買。

選擇 WP Rocket 方案進行購買

購買後,就會出現「下載 WP Rocket」的按鈕,按按鈕就可以下載了。

購買 WP Rocket 後出現下載按鈕的步驟頁面

step 2

登入自己網站的 WordPress 後台,左側選單點開「外掛 > 安裝外掛」:

  1. 最上面點「上傳外掛」。
  2. 等跳出上傳 ZIP 檔案的欄位,點「選擇檔案」上傳剛剛下載的外掛 zip 檔,再點「立即安裝」。
  3. 上傳完成之後,就會跳出這個訊息,點「啟用外掛」就完成了。
在 WordPress 後台點選安裝外掛功能

接著,會跳轉「已安裝的外掛」頁面,在列表中找到「WP Rocket」,點「設定」進入控制台。

在 WordPress 外掛安裝後點擊設定進入 WP Rocket 控制台

網站快取與優化教學:WP Rocket 8 大必備設定

WP Rocket 安裝完成後,其實已經自動套用大部分的最佳化設定。

如果你想進一步提升網站速度,接下來會帶你快速做好 WP Rocket 的 8 個主要設定。

檔案最佳化:加快首頁 LCP 載入速度,改善 SEO

檔案最佳化 (File Optimization) 主要是設定影響首頁載入速度 (尤其是 LCP) 最大的 CSS 和 JavaScript。以房子來比喻,JavaScript 是鋼筋水泥結構,CSS 是內裝。網站資料會包含兩者,適當壓縮可以加快網頁的載入速度。

如果你在 Google PageSpeed Insights 裡常看到「移除未使用的 CSS」或「延遲 JS 載入」,這邊設定能搞定。

以下會分成「CSS 檔案」與「JavaScript 檔案」兩個步驟說明:

一、CSS 檔案優化

  1. 壓縮 CSS:
    • 建議開啟,會將你網站的 CSS 程式碼壓縮成一行,刪除空格與註解,加快讀取速度。
    • 如果有不想壓縮的 CSS 檔,就在下方「排除 CSS 檔」手動貼上路徑。
  2. 最佳化 CSS 分派:
    • 一般情況建議開啟,並且下面選 Remove Unused CSS (移除未使用的 CSS),會分析頁面實際用到的 CSS,並只載入這些 CSS。未用到的 CSS 則會被延遲載入或不載入。
    • 如果勾了「最佳化 CSS 分派」發現網站某些樣式出問題,就在「CSS safelist」手動貼上要排除的 CSS 檔,來排除衝突。
CSS 壓縮與未使用樣式最佳化設定介面

補充說明:選了「最佳 CSS 分派 > REMOVE UNUSED CSS」後發現跑版,可以到控制台首頁右側點「USED CSS」快捷鈕,一鍵清除優化的 CSS 檔 (這個按鈕要勾選「最佳 CSS 分派」才會出現)。

二、JavaScript 檔案優化

接下來做 JavaScript 的設定:

  1. 壓縮 JavaScript:建議勾選,可把檔案變小,加快載入速度。
  2. 合併 JavaScript 檔案:不建議勾選,合併檔案反而可能降低效能 (除非主機特別老舊)。
  3. 排除 JavaScript 檔案:一般不會填。如果勾選前者,發現網站有問題,才會來做設定。
  4. 非同步載入 JavaScript:建議勾選,載入網頁時讓 JS 檔延後執行、改善 PageSpeed 分數。
JavaScript 檔案最佳化設定畫面

繼續往下滑,勾選「延遲 JavaScript (Delay JavaScript execution)」,會出現一排選單:

  • One-click exclusions (一鍵排除):會顯示你網站中有的第三方服務或 WordPress 核心檔案,讓你可以快速排除。建議把 Themes、Plugins 等 WordPress 本身的功能全部勾選起來
  • Safe Mode for Delay JavaScript Execution (延遲 JavaScript 執行的安全模式):剛開始使用建議先勾選。勾選後,WP Rocket 會自動排除一組它認為是「安全」的內部腳本。
選擇外掛與主題防止延遲 JavaScript 問題

儲存後,一定要確認網站有沒有跑版,因為這頁的設定比較容易動到網站版型。

媒體:圖片 + 影音延遲 & 字型預載,讓內容先出現

媒體 Media 讓網頁上的圖片、嵌入影片等媒體內容慢一點顯示,也就是「Lazy Load (延遲載入)」,減少一開始頁面要載入的東西,特別適合有很多圖片或內嵌影片的網站

以下分 3 個部分介紹:

  1. 延遲載入:
    • 針對圖片使用延遲載入:建議勾選,只讓文字先跑出來,才不會讓人覺得網頁很慢。
    • Enable for CSS background images:建議勾選。但通常會在下方 “Excluded images of iframes” 填入重要的網站圖片檔名,例如網站背景圖、首頁開頭的第一張圖,做排除。
    • 針對 iFrame 與影片使用延遲載入:建議勾選,因為嵌入的影片和 iFrame 非常耗效能。
  2. Image Dimensions (圖片尺寸):
    • Add missing image dimensions (新增缺少的圖片尺寸):建議勾選,讓瀏覽器知道圖片尺寸後,就算圖片還沒載入也會預留空間,可改善 CLS (Cumulative Layout Shift) 指標。
  3. Fonts (字型):
    • Preload fonts (預先載入字型):建議勾選,會自動偵測並預載第一眼會看到的字型,加快載入速度。
    • Self-host Google Fonts (本機託管 Google 字型):如果你使用 Google Fonts 就勾選這項,可減少外部請求以提升載入速度。
  4. 都勾選完後,按儲存到下一項設定。
媒體優化設定畫面,涵蓋圖片尺寸與字型載入選項

預先載入:用快取 / 連結預載,加快瀏覽速度

預先載入 (Preload) 讓系統提前準備好要顯示的內容,像首頁、點擊率高的頁面連結等,會跑起來更順、更即時。

  1. Preload Cache (預先載入快取):
    • 一般網站可勾選,會預載出現在網站地圖 (Sitemap) 上的頁面。
    • 建議排除項目:作者列表 (已預設)、分頁頁面、錯誤頁、登入頁、購物車頁等。
    • 3 種情況不勾選:網站正在大改版;使用空間非常小的主機;更新頻率非常高的網站。
  2. Preload Links (預先載入連結):
    • 一般網站可勾選,會自動偵測並在點擊連結之前,就先下載可能要連過去的頁面內容。
    • 3 種情況不勾選:極度重視流量數據的網站;頁面有放很多連結;伺服器記憶體容量較少。
預載網頁內容功能開啟設定畫面

進階規則:設定快取更新頻率,網頁內容不重複

進階規則可以讓你更細緻地控制快取的更新頻率與規則,特別適合有登入、會員頁的網站,一般網站可略過

首先,我們來看看上面 3 個部分要怎麼設定:

  1. 快取生命週期:指的是多久清一次快取,10 小時是預設值,一般內容網站可不改。如果網站很頻繁更新,就按更新頻率調整;要是網站很久才更新一次,可以調到 2~3 天。
  2. 不快取的網址:任何包含個人資訊的頁面都建議放在這邊,例如:電商網站的購物車和結帳頁;會員網站的帳戶頁和訂單歷史;網站的登入、註冊、忘記密碼等表單頁面。
  3. 不快取的 Cookies:如果你的網站會讓 Cookies 根據不同使用者顯示不同的內容,就要在這邊填入,例如: woocommerce_items_in_cart (購物車中有商品)、wordpress_logged_in_XXXXXXX。
快取規則進階設定介面操作說明

同一個頁面再往下滑,接下來的設定都是真的有需要再設定

  1. 不快取的裝置:
    • 如果你有用頁面編輯器或佈景主題,另調整手機的版面設計或顯示不同元件的話,建議輸入「(.*)Mobile(.*)Safari(.*)」,排除手機裝置和 Safari 瀏覽器的快取,以免跑版。
    • 除此之外,還需要排除特定的網路爬蟲,如 Googlebot (Google 爬蟲)、AhrefsBot (Ahrefs 爬蟲),有需要就填入爬蟲名稱,並用「(.*)」隔開。
  2. 總是清除快取的網址:通常會建議填入「常更新的文章、數據需即時更新的頁面、自訂的彙整頁」等網址,避免只顯示舊資料。
  3. 快取參數:這邊只放「不會改變網頁內容」的參數或字串,如 utm_xxxxxxxxxx (追蹤碼)、gclid (Google Ads 點擊 ID) 等,更詳細的說明可參考官方文件
  4. 如果有填入任何資料,記得按儲存,再到下一個設定項目。
進階快取規則裝置與爬蟲排除條件設定
DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

資料庫:定期清理資料庫,提升操作速度

「資料庫 Database」設定,定期清理 WordPress 資料庫中會堆積大量不必要的資訊,例如文章修訂版本、垃圾留言、暫存記錄等,讓網站後台操作更流暢。

先看這頁的前面三個部分:

  1. 文章清理:建議全部勾選,把網站裡的舊資料一次清乾淨。
  2. 迴響清理:建議都勾選,迴響就是留言,把留言清乾淨。
  3. 臨時選項清理:直接勾選即可,會清除外掛的暫存檔。
  4. 資料庫清理:建議勾選,會自動重整碎片化的資料,避免浪費資料庫空間。
  5. Automatic Cleanup (自動排程清理):建議勾選,一般個人網站選「每月」;更新較頻繁、內容較豐富的網站則選「每週」或「每天」。
  6. 點「SAVE CHANGES AND OPTIMIZE」儲存,到下一個項目設定。
資料庫設定頁前三個管理選項
網站資料庫清理功能操作介面

Heartbeat:降低伺服器消耗,後台不卡頓

Heartbeat 可以幫你減少網站後台「傳輸資料」造成的主機負擔,特別適合使用共享主機或後台常卡住的網站

這頁已經勾好預設值,大部分都不用更動:

  1. Heartbeat:已經預設開啟,指的是開啟 Heartbeat 設定。
  2. Reduce or disable Heartbeat activity (減少或停用 Heartbeat 運作):
    • Reduce activity 保持預設。
    • Behavior in frontend (前台行為) 改成「Disable」
  3. 按儲存,到下一個項目設定。
Heartbeat 設定頁面預設值調整說明

附加功能:使用者快取 Logged-in User Cache

「附加功能」最上方的「使用者快取」設定,是針對每個登入者分別建立快取頁面。

舉例來說,如果小明進來,就會有小明個人化後的快取頁面;小美進來,也會有小美的快取頁面。

所以,如果主機資源不夠,不太建議開啟

每位使用者各自擁有快取頁面

  • 線上課程平台、付費內容網站、社群論壇等:會員登入後看到的是自己的進度、設定或討論串。
  • 電商網站:顧客登入後會查看訂單、購物車、願望清單等,每個人的內容不一樣。

附加功能:外部整合 Cloudflare CDN

WP Rocket 提供和 Cloudflare CDN 整合的服務,Cloudflare CDN 是一個免費發送全球 CDN 伺服器的代理服務。如果還沒有申請,請先參考我寫的 Cloudflare CDN 完整步驟教學,申請一組。

step 1

在「附加功能」頁往下滑,找到 Cloudflare,點「修改選項」鈕。

附加功能頁面 Cloudflare 修改選項按鈕

step 2

接著取得授權碼,串接 Cloudflare:

  1. 先登入 Cloudflare 後台,按圖上的順序取得兩條授權碼:
    • 在頁面右側的 API 欄位,複製「區域識別碼」。
    • 下方點進「取得您的 API Token」,再點開「檢視」,輸入密碼後,會出現 API,複製起來。
  2. 回到 WP Rocket:
    • 將「區域識別碼」貼到「Zone ID」。
    • 將「Global API Key」貼到「全域 API 金鑰」。
    • 記得 Cloudflare 帳號信箱也要填入。
複製 Cloudflare 區域識別碼與 API 金鑰操作步驟

貼好授權碼後,這頁再往下滑:

  1. 打開「最佳化設定」,WP Rocket 會自動最佳化 Cloudflare 的設定。
  2. 最後按「儲存修改」,整合的部分就完成了。
Cloudflare 帳號授權資料填寫教學介面

補充說明:網站如果有大改版,可以直接在這頁下面點「清除所有 Cloudflare 快取檔案」,會自動清除 CDN,不用再登 Cloudflare 後台清理。

DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

WP Rocket 實測:安裝前後有什麼變化?

安裝前後,我在 GTmetrix 上實際做了測試,前後的地點、伺服器條件都一致。

安裝 WP Rocket 前的測試結果

其實表現不差,LCP 在 2 秒以內算是還能接受的範圍,不過還有優化空間。

未安裝 WP Rocket 前的 GTmetrix 測試數據

  • GTmetrix 等級:B
  • Performance:84%
  • Structure:94%
  • LCP(最大內容繪製時間):2.0 秒
  • TBT(總封鎖時間):14ms
  • CLS(累積版面位移):0

安裝 WP Rocket 後的測試結果

可以很明顯看到 Performance 分數直接從 84% 衝到 99%,最難搞定的 LCP 也從 2 秒降到不到 1 秒,代表 WP Rocket 把不少效能瓶頸,如快取、延遲載入、縮小 CSS/JS 等的問題都處理掉了。

整體來說,對網站速度有非常明顯的幫助,而且設定過程不複雜。

WP Rocket 優化後 GTmetrix 效能評分顯示

  • GTmetrix 等級:A
  • Performance:99%
  • Structure:100%
  • LCP:859ms(直接砍半)
  • TBT:48ms(小幅上升,但仍極低)
  • CLS:0

補充說明:TBT 會微幅上升通常是因為延遲 JS、非同步 JS、字型預載等的優化設定有關,這會讓載入時有一點點阻塞,不過只要在 150ms (毫秒) 內,Google 都會認為是很好的數值。

WP Rocket 方案:有免費版嗎?什麼時候該升級?

WP Rocket 沒有提供免費版,一開始就得付費買。不過優化效果確實蠻明顯的,對有速度需求或常被 PageSpeed 檢測判定不合格的網站來說,是非常值得考慮的選項。

主有三種付費方案,每個方案的功能都一樣,只差在網站數量:

方案SinglePlusMulti
價格 (USD / 年)$41 (原價 $59)$83 (原價 $119)$209~419 (原價 $299~599)
可用網站數1 個網站3 個網站50 ~500個網站

雖然沒有免費版,但有「購買 14 天內全額退款」的保證,你可以先試試看,再決定要不要繼續用。

我該買 WP Rocket 嗎?

以下是幾個該考慮付費購買快取外掛的情況:

  • 如果用的是共享主機,網站開得慢或後台常卡,WP Rocket 可幫你改善主機負擔。
  • 如果網站常跑 PageSpeed、GTmetrix 得分偏低,WP Rocket 能幫你大幅提升分數。
  • 如果是工作室或設計公司,要幫客戶維護多個網站,選 Plus 或 Infinite 方案更划算。(尤其像我平常幫客戶處理網站,很多客戶會特別執著網站速度,那這套就特別好用)

如果還是無法決定,可以看看下一段我整理的比較總表,快速搞懂哪一種快取外掛比較適合你。

常見 WordPress 快取外掛比較

比較項目WP RocketLiteSpeed CacheWP Super CacheW3 Total CacheWP Fastest CacheWP-Optimize
核心優勢功能完整,設定直覺,新手快速上手免費 + 與 LiteSpeed 伺服器完美整合超輕量,啟用即用高度可自訂,支援多層快取介面簡單,付費版 CP 值高快取 + 資料庫清理 + 圖片壓縮整合
易用度★★★★★★★★★☆★★★★☆★★☆☆☆★★★★☆★★★★★
圖片/資料庫• 圖片壓縮
• Lazy Load
• 資料庫清理
• Lazy Load
• WebP
• 資料庫清理
需額外外掛• Lazy Load
• 圖片優化 (需升級)
• Lazy Load
• WebP
CDN 整合Cloudflare、SucuriQUIC.cloud 深度整合基本 CDN 手動設定多種 CDNCloudflareCloudflare
價格 (USD/年/站)$41免費免費免費$49 (終身)$49 (2站)
適合對象想快速提速且願意付費的站長使用 LiteSpeed 伺服器的站長不想花時間設定的小型網站技術型用戶,需要複雜快取策略想一次付費搞定的中小企業站想同時優化快取和資料庫的網站

WP Rocket 其他相關問題

安裝 WP Rocket 後網站跑版怎麼辦?

如果你啟用 WP Rocket 後發現網站排版錯亂、按鈕不能點、圖片消失,有可能是壓縮或合併的功能影響了 CSS 或 JS 的載入順序。

以下是官方建議的排查方式:
1. 關閉「檔案最佳化」設定:先進入「檔案最佳化」設定,全部關閉。
2. 清除快取後觀察:做完設定後,到 WP Rocket 點清除快取,並在無痕視窗重新載入網站。
3. 逐一排除問題選項:如果關閉全部優化後畫面正常,可再一一打開每個設定,找出是哪個功能造成問題。

如果真的還是不行,就填寫官方的聯絡表單請團隊處理。

WP Rocket 支援多語系快取嗎?

根據官方文件,目前支援的多語系外掛有:WPML、Polylang、TranslatePress、GTranslate、部分 Weglot,會為每個語言版本分別建立快取頁面。

不過實務上有發現,目前 TranslatePress 尚未完全與 WP Rocket 相容,建議改搭配 WP Fastest Cache 或 FlyingPress。並且,如果你發現某些語言的頁面顯示異常,需要排除特定 Cookie,或調整快取設定。

WP Rocket 支援 WordPress.com 嗎?

只有 WordPress.com 的 Business 方案以上版本才能用 WP Rocket。

如果你是用 WordPress.com 免費或個人/進階方案,就無法用 WP Rocket。

WP Rocket 可以和其他快取外掛一起用嗎?

不建議一起用。

而且在安裝 WP Rocket 前,最好先移除所有其他快取外掛,像是 LiteSpeed Cache、W3 Total Cache、WP Super Cache、Breeze 等都包含在內。

一次只用一套快取外掛比較穩定,且 WP Rocket 原本就整合了快取、壓縮、CDN 整合與資料庫優化等功能,除了圖片壓縮類的外掛,不太需要再安裝其他加速外掛。

處方箋
限量
領取

我們致力於協助專業工作者打造品牌。
8 年實務經驗,精煉出這些《處方箋》,
想在你卡住時,給你一些有用的方向。

自架一個能提升200 諮詢量的網站
專業工作者 5 階段封面 數位工具導航包 1
專業服務者的 5 種網站商業模式拆解
品牌視角內容策略專業工作者必學系統化方法
DR.DEAN LOGO
文章目錄
返回頂端
自架一個能提升
200%
諮詢量的網站