WP Rocket With Perfmatters。兩者都是加快 WordPress 速度的外掛。WP Rocket 是負責頁面快取與檔案優化的快取外掛,Perfmatters 則是關閉 WordPress 不必要功能與腳本的優化外掛。
兩個外掛有延遲載入、延遲執行 JavaScript 等重疊的功能,兩邊都開啟的話,同一件工作會執行兩次。本文用兩個外掛的設定畫面,整理每個重疊功能該在哪一邊開啟或關閉。
1️⃣ WP Rocket 與 Perfmatters 的結構
WP Rocket 是快取外掛。它會把第一次開啟的頁面存成 HTML 檔案,之後的訪客就不必再執行 WordPress,直接收到這個檔案。
Perfmatters 是沒有頁面快取的優化外掛。它會關閉表情符號、嵌入內容等 WordPress 預設功能,以及各頁面用不到的外掛腳本,官方網站也表示它是設計來和快取外掛一起使用的。
所以第一次造訪時, WordPress 產生的頁面會先由 Perfmatters 精簡,再由 WP Rocket 存成 HTML 檔案;從下一次造訪起,送出的就是這個檔案。
WP Rocket 與 Perfmatters 的運作順序
第一次造訪與下一次造訪
第一次造訪
WordPress 產生頁面
→
Perfmatters 關閉表情符號 · 嵌入內容 · 用不到的外掛腳本
→
WP Rocket 存成 HTML 檔案
下一次造訪
WP Rocket 送出已儲存的檔案
不再執行 WordPress
2️⃣ WP Rocket With Perfmatters
兩個外掛都有的功能只在一邊開啟,交給做得比較好的那一邊。JavaScript · 延遲載入 · 圖片尺寸 · Google 字型 · 資料庫清理 · CDN 由 WP Rocket 負責,CSS · Heartbeat · 連結預先載入由 Perfmatters 負責。
Perfmatters 會直接在你自己的伺服器上產生未使用的 CSS,並可存成獨立檔案,對重複造訪比較有利,Heartbeat 週期也能自己選。連結預先載入保留使用 WordPress 內建推測載入的 Perfmatters 這一邊;延遲執行 JavaScript 則是有一鍵排除與安全模式的 WP Rocket 比較不容易弄壞網站。
不過如果伺服器規格較低,或常常改版面設計,移除未使用的 CSS 交給 WP Rocket 比較好。WP Rocket 會在外部伺服器產生已使用的 CSS,文章或佈景主題變更時會連同快取自動刪除。
WP Rocket 基本設定 已經套用的話,在 WP Rocket 只要關閉 [Minify CSS files] · [Optimize CSS delivery] · [Enable link preloading] · [Control Heartbeat] 這四個設定就好。
3️⃣WP Rocket With Perfmatters 設定
⚙️ WP Rocket 設定與 Perfmatters 一起使用時
控制台(Dashboard)
My Account我的帳號
OFFRocket AnalyticsRocket 分析未套用
與 WP Rocket 開發團隊分享匿名資料的項目。
Rocket Insights
Settings設定
Performance Monitoring效能監控未套用
開啟後會依設定的週期自動執行效能檢查。
Content Delivery
RocketCDN
OFFRocketCDN FreeRocketCDN 免費版未套用
透過 CDN 傳送你自選的 3 個頁面。
Other CDN
OFFYour CDN使用其他 CDN未套用
連接其他 CDN 的 CNAME 時開啟。
Exclude Files from CDN要排除在 CDN 之外的檔案留空
檔案優化(File Optimization)
CSS FilesCSS 檔案
Minify CSS files壓縮 CSS 檔案交給 Perfmatters
CSS 交給 Perfmatters [Minify CSS]。
Excluded CSS Files排除的 CSS 檔案留空
Optimize CSS deliveryCSS 傳遞優化交給 Perfmatters
移除未使用的 CSS 交給 Perfmatters [Remove Unused CSS]。
JavaScript FilesJavaScript 檔案
Minify JavaScript files壓縮 JavaScript 檔案預設套用
移除空白與註解,縮小檔案大小。
Combine JavaScript files合併 JavaScript 檔案未套用
使用 HTTP/2 時不建議開啟,所以維持未套用。HTTP/3 也一樣。
Excluded JavaScript Files排除的 JavaScript 檔案留空
Load JavaScript deferred延遲載入 JavaScript套用
把阻礙轉譯的 JavaScript 延後到 HTML 解析之後。
Excluded JavaScript Files排除的 JavaScript 檔案留空
Delay JavaScript execution延遲執行 JavaScript套用
在訪客捲動或點選之前,不載入 JavaScript。
One-click exclusions一鍵排除留空
Excluded JavaScript Files排除的 JavaScript 檔案留空
Safe Mode for Delay JavaScript ExecutionJavaScript 延遲執行的安全模式未套用
把網站內部腳本全部排除在延遲對象之外。
媒體(Media)
LazyLoad延遲載入
Enable for images對圖片啟用套用
畫面上看不到的圖片,捲動到時才載入。
Enable for CSS background images對 CSS 背景圖片啟用套用
CSS 背景圖片也在進入畫面時才載入。
Enable for iframes and videos對 iframe 與影片啟用套用
iframe 與影片在進入畫面時才載入。
Replace YouTube iframe with preview image把 YouTube iframe 換成預覽圖片套用
YouTube 影片先以預覽圖片顯示。
Excluded images or iframes排除的圖片或 iframe留空
Image Dimensions圖片尺寸
Add missing image dimensions補上缺少的圖片尺寸套用
補上圖片缺少的 width · height 屬性,減少版面位移。
Fonts字型
Preload fonts字型(預先載入)套用
先載入第一個畫面用到的字型。
Self-host Google Fonts自行託管 Google Fonts套用
把 Google 字型下載到自己的伺服器再傳送。
預先載入(Preload)
Preload Cache快取預先載入
Activate Preloading啟用預先載入套用
啟用快取預先載入。這是所有快取外掛都追求的最基本設定。
Preload Links連結預先載入
Enable link preloading啟用連結預先載入交給 Perfmatters
連結預先載入交給 Perfmatters [Speculative Loading]。
進階規則(Advanced Rules)
Cache Lifespan快取壽命
10 HoursClear cache after在此時間後清除快取預設套用
刪除超過這個時間的快取檔案。
Never Cache URL(s)永不快取的 URL
Never Cache URL(s)永不快取的 URL留空
Never Cache Cookies永不快取的 Cookie
Never Cache Cookies永不快取的 Cookie留空
Never Cache User Agent(s)永不快取的使用者代理
Never Cache User Agent(s)永不快取的使用者代理留空
Always Purge URL(s)一律清除的 URL
Always Purge URL(s)一律清除的 URL留空
Cache Query String(s)要快取的查詢字串
Cache Query String(s)要快取的查詢字串留空
資料庫(Database)
Post Cleanup清理文章 — 套用到內容修訂、自動草稿、垃圾桶中的文章。
Comments Cleanup清理留言 — 刪除垃圾留言與已刪除的留言。
Transients Cleanup清理暫存資料 — 清除 DB 中儲存的所有暫存資料。
Database Cleanup清理資料庫
Optimize Tables優化資料表套用
「減少資料庫資料表的額外負擔。」這就像丟掉不需要的紙張和迴紋針,只把核心資訊整理乾淨,讓檔案櫃的空間用得更寬,也能更快找到想要的文件。
Automatic Cleanup自動清理
Schedule Automatic Cleanup排程自動清理套用
依設定的週期自動執行上面的清理項目。
Heartbeat
Heartbeat
Control Heartbeat控制 Heartbeat交給 Perfmatters
Heartbeat 交給 Perfmatters [Disable Heartbeat]。
附加元件(Add-ons)
One-click Rocket Add-ons一鍵 Rocket 附加元件
OFFUser Cache使用者快取未套用
為每位登入的使用者分別建立快取檔案。
OFFVarnish未套用
伺服器有 Varnish 時開啟。
OFFWebP CompatibilityWebP 相容性未套用
使用直接傳送 WebP 的外掛時,不需要開啟。
Rocket Add-onsRocket 附加元件
OFFCloudflare未套用
使用 Cloudflare 時連動帳號。
OFFSucuri未套用
使用 Sucuri 防火牆時同步快取。
圖片優化(Image Optimization)
這個分頁沒有設定項目。
教學(Tutorials)
這個分頁沒有設定項目。
我們的外掛(Our Plugins)
這個分頁沒有設定項目。
⚙️ Perfmatters 設定與 WP Rocket 一起使用時
一般(General)
Core基本功能
Disable Dashicons關閉 Dashicons套用
Disable XML-RPC關閉 XML-RPC套用
開啟後,下方的 [Remove RSD Link] 列會從畫面上消失。
Remove jQuery Migrate移除 jQuery Migrate套用
Hide WP Version隱藏 WordPress 版本套用
Disable RSS Feeds關閉 RSS 訂閱未套用
不提供 RSS 訂閱給其他網站的話就開啟。
Remove RSS Feed Links移除 RSS 訂閱連結未套用
只有在 [Disable RSS Feeds] 開啟時才開啟。
Disable Self Pingbacks關閉自我引用通知套用
Disable When Logged OutDisable REST API關閉 REST API套用
作者有好幾位就選 [Disable When Logged Out],一個人經營就選 [Disable for Non-Admins]。
Remove REST API Links移除 REST API 連結套用
Disable Google Maps關閉 Google 地圖套用
Disable Password Meter關閉密碼強度指示套用
Disable Comments關閉留言套用
只有在不使用留言時才開啟。
Add Blank Favicon加入空白網站圖示未套用
已經設定網站圖示的話就保持關閉。
Remove Global Styles移除全域樣式套用
Separate Styles Inline (Default)Block Style Behavior區塊樣式行為預設值
只載入頁面上有的區塊的 CSS。
Only Allow When Editing Posts/PagesDisable Heartbeat關閉 Heartbeat套用
只在編輯文章與頁面時使用 Heartbeat。WP Rocket [Control Heartbeat] 要關閉。
60 SecondsHeartbeat FrequencyHeartbeat 週期套用
把編輯畫面送出的訊號減少為每 60 秒一次。
DefaultLimit Post Revisions限制內容修訂數量預設值
WP Rocket [Database] 每天刪除內容修訂。
1 Minute (Default)Autosave Interval自動儲存間隔預設值
Login URL登入網址
Custom Login URL變更登入網址套用
如果沒有使用其他隱藏登入網址的外掛,就輸入新網址。
Message (Default)Disabled Behavior存取舊網址時預設值
JavaScript(JavaScript)
Defer
Defer Javascript延遲載入 JavaScript交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
Delay
Delay JavaScript延遲執行 JavaScript交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
Minify
Minify JavaScript壓縮 JavaScript交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
CSS(CSS)
Unused CSS未使用的 CSS
Remove Unused CSS移除未使用的 CSS套用
直接在你的伺服器上只挑出每個頁面用到的 CSS。WP Rocket [Optimize CSS delivery] 要關閉。
FileUsed CSS Method已使用 CSS 的方式套用
把已使用的 CSS 存成獨立檔案,重複造訪時就能使用瀏覽器快取。
Delay (Default)Stylesheet Behavior原始樣式表的處理預設值
原始 CSS 在訪客操作時才載入。
Minify
Minify CSS壓縮 CSS套用
WP Rocket [Minify CSS files] 要關閉。
預先載入(Preloading)
Preload預先載入
2Preload Critical Images預先載入重要圖片套用
選擇第一個畫面顯示的圖片數量(通常 2~3 張)。WP Rocket 沒有這個功能。
Cloudflare Early HintsCloudflare Early Hints未套用
只有在使用 Cloudflare 時才開啟。
Speculative Loading推測載入
Auto (Default)Mode模式預設值
直接使用 WordPress 內建的推測載入。WP Rocket [Enable link preloading] 要關閉。
Connection連線
Preconnect預先連線留空
和快取外掛一起使用時留空。
DNS PrefetchDNS 預先查詢留空
和快取外掛一起使用時留空。
延遲載入(Lazy Loading)
Lazy Loading延遲載入
Images圖片交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
iFrames and Videosiframe · 影片交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
YouTube Preview ThumbnailsYouTube 預覽交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
Add Image Dimensions加入圖片尺寸交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
CSS Background ImagesCSS 背景圖片
Background Images背景圖片交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
Lazy Elements延遲元素
Elements延遲元素套用
快取外掛沒有這個功能,所以一起使用時也要開啟。
字型(Fonts)
Google FontsGoogle 字型
Local Google Fonts自行託管 Google 字型交給 WP Rocket
由 WP Rocket 負責,所以保持關閉。
Disable Google Fonts關閉 Google 字型未套用
開啟後,佈景主題的字型會改成預設字型。
CDN(CDN)
CDN
Enable CDN Rewrite改寫 CDN 網址交給 WP Rocket
使用 CDN 的話,在 WP Rocket [Other CDN] 連接。
分析(Analytics)
Google Analytics
Enable Local Analytics本機分析未套用
如果其他外掛已經連接 Google Analytics,就保持關閉。
工具(Tools)
Plugin外掛
Script Manager腳本管理器套用
關閉各頁面用不到的外掛腳本。
Show Advanced Options顯示進階選項套用
Disable for Logged In Users對已登入的使用者關閉未套用
Hide Admin Bar Menu隱藏管理工具列選單未套用
Accessibility Mode無障礙模式未套用
Settings設定
Clean Uninstall解除安裝時清除設定未套用
資料庫(Database)
Database資料庫
Post Revisions內容修訂交給 WP Rocket
Post Auto-Drafts自動草稿交給 WP Rocket
Trashed Posts垃圾桶中的文章交給 WP Rocket
Spam Comments垃圾留言交給 WP Rocket
Trashed Comments垃圾桶中的留言交給 WP Rocket
Expired Transients已過期的暫存資料交給 WP Rocket
All Transients所有暫存資料交給 WP Rocket
DisabledScheduled Optimization排程優化交給 WP Rocket
WP Rocket [Schedule Automatic Cleanup] 每天清理。
CSS
壓縮 CSS
WP RocketMinify CSS files關閉
PerfmattersMinify CSS開啟
移除未使用的 CSS
WP RocketOptimize CSS delivery關閉
PerfmattersRemove Unused CSS開啟
JavaScript
壓縮 JavaScript
WP RocketMinify JavaScript files開啟
PerfmattersMinify JavaScript關閉
延遲載入 JavaScript
WP RocketLoad JavaScript deferred開啟
PerfmattersDefer Javascript關閉
延遲執行 JavaScript
WP RocketDelay JavaScript execution開啟
PerfmattersDelay JavaScript關閉
延遲載入
圖片
WP RocketEnable for images開啟
PerfmattersImages關閉
CSS 背景圖片
WP RocketEnable for CSS background images開啟
PerfmattersBackground Images關閉
iframe · 影片
WP RocketEnable for iframes and videos開啟
PerfmattersiFrames and Videos關閉
YouTube 預覽圖片
WP RocketReplace YouTube iframe with preview image開啟
PerfmattersYouTube Preview Thumbnails關閉
圖片尺寸
補上缺少的圖片尺寸
WP RocketAdd missing image dimensions開啟
PerfmattersAdd Image Dimensions關閉
Google 字型
自行託管 Google 字型
WP RocketSelf-host Google Fonts開啟
PerfmattersLocal Google Fonts關閉
連結預先載入
連結預先載入
WP RocketEnable link preloading關閉
PerfmattersSpeculative Loading › Mode預設值
Heartbeat
減少 Heartbeat
WP RocketControl Heartbeat關閉
PerfmattersDisable Heartbeat開啟
清理資料庫
自動清理
WP RocketSchedule Automatic Cleanup開啟
PerfmattersScheduled Optimization關閉
CDN
改寫 CDN 網址
WP RocketOther CDN使用 CDN 時
PerfmattersEnable CDN Rewrite關閉
4️⃣ 套用順序:儲存 · 清除快取 · 確認
變更設定後,請依下面的順序儲存並清除快取。
1
Perfmatters設定完成後,點選 [Save Changes]。
2
WP Rocket關閉四個設定後,點選 [Save Changes]。
3
Perfmatters在 CSS 選單點選 [Clear Used CSS]。
4
WP Rocket在管理工具列點選 [WP Rocket] → [Clear and Preload Cache]。
5
確認在已登出的視窗(無痕視窗)開啟頁面,確認畫面有沒有跑版。如果有跑版的地方,就把那個 CSS 檔案加入 Perfmatters [Excluded Stylesheets],再從第 3 步重新開始。
🔢 FAQ & 推薦內容
🧭
WP Rocket · Perfmatters 相關文章
文章 15 · 工具 3
🗂️ 什麼是 WP?
📋 WP Rocket 設定教學
📄 Perfmatters 教學
📄 WP Rocket With Perfmatters
📄 WP Rocket MCP Server
📄 WP Rocket 韓文網址
📄 nginx njs
📄 WP Rocket 多語系快取
📄 gclid 快取
📄 WP Rocket 速度測試
📝 快取 · 優化外掛
📝 速度改善案例
📋 快取:定義與所有領域
📄 網站快取 & 伺服器內部快取
📋 BEST 主機 TOP 7
📄 快速主機 2026
🛠️ WordPress 偵測
🛠️ WHOIS 網域查詢
🛠️ 我的 IP 查詢
ℹ️ 聯盟行銷說明
本站內容包含聯盟行銷連結。訪客透過這些連結購買商品或服務時,本站會從賣家獲得佣金。在這個過程中,購買者支付的金額(遇到活動折扣時金額會降低↓)並不會因此提高。刊登的價格、折扣與庫存資訊以撰寫當時為準,可能與實際情況不同,購買前請向賣家做最後確認。商品的挑選與評價依本站自訂的標準撰寫,是否支付佣金不會影響介紹順序或評價內容。