很多人換 WordPress 主題的理由,是設計不夠好看或功能不夠用,卻很少在換之前先量一下速度。等換完才發現頁面拖慢,外掛一個個排查,最後才意識到問題出在主題本身。
主題的效能直接決定頁面的載入起點。外掛可以開關、快取可以加,但主題載入的 CSS 與 JavaScript 是每次請求都跑的固定成本。評估一款主題值不值得安裝,速度測試要比功能試用更早做。
主題效能的三個關鍵指標
選主題前要建立基準,就要知道哪些數字真正影響使用者體驗。目前業界標準集中在以下三項指標,每項各自衡量不同面向的效能問題。
- 最大內容繪製(LCP,Largest Contentful Paint):測量頁面主要可見內容(通常是英雄圖片或最大文字區塊)完成繪製所需的時間。Google 標準是 2.5 秒以內為「良好」,超過 4 秒屬於「待改善」。主題若預設載入大量 CSS 或延遲圖片渲染,LCP 往往是第一個亮紅燈的指標。
- 總封鎖時間(TBT,Total Blocking Time):統計主執行緒被 JavaScript 阻塞超過 50 毫秒的累計時間。TBT 低於 300 毫秒屬於可接受範圍,且這項指標佔 Lighthouse 效能分數的 30%,對整體評分的影響程度高過很多人的預期。重型主題附帶大量前端腳本,TBT 動輒突破 600 毫秒以上,在低效能裝置上感受更明顯。
- 資源請求數(HTTP Requests):計算頁面載入時瀏覽器向伺服器發出的請求總次數,涵蓋 CSS、JavaScript、字型、圖示等所有靜態資源。業界普遍認為 50 個以下為合理,25 個以下算表現優異。輕量主題如 GeneratePress 在空白安裝狀態下請求數低於 10 個;同樣條件下,頁面建置器整合型主題有時超過 40 個。
這三項並非彼此獨立,LCP 延遲有時正是 TBT 過高的連帶後果——主執行緒卡住,圖片的渲染排程也跟著延後。理解三者的因果關係,比逐一優化各別數字更有效率。
用 PageSpeed Insights 建立效能基準
Google 的網頁速度測量工具(PageSpeed Insights)是最容易入手的測試起點,優點是直接對應 Google 的評分邏輯,測試結果與搜尋排名因素高度相關。
測試主題效能的正確做法是在乾淨環境下進行,也就是用測試站(而非正式站)安裝單一主題後,關閉其他非必要外掛,直接對首頁和一個標準內頁各跑一次。這樣得到的數字才是主題本身的基線,不會被快取外掛或圖片最佳化工具掩蓋問題。
頁面速度測量工具的結果分兩層,上方的「實際網站數據」(Field Data)來自真實使用者,下方的「實驗室數據」(Lab Data)是模擬測試。評估主題時主要看實驗室數據,因為 Field Data 需要一定流量累積才有意義,測試站通常沒有這個條件。LCP 和 TBT 都在實驗室數據欄位,直接讀取即可。
值得注意的是,2025 年 10 月 Google 調整了行動裝置的 CPU 節流係數,讓模擬環境更貼近低效能手機的真實表現。調整後行動裝置的 TBT 分數普遍拉高,若你拿舊測試結果比對,要意識到這個變化。現在的行動版分數比過去更嚴格,合理。
用 WebPageTest 做細部對比
網頁效能測試平台(WebPageTest)適合做更細緻的對比分析,特別是在比較兩款候選主題時。它能讓你指定測試地點、連線速度和瀏覽器,在相同條件下跑多次取平均值,避免單次測試結果偏差。
實際操作上,把兩款主題分別安裝在架構相同的測試站(相同主機、相同 WordPress 版本、相同測試頁面),每款主題各跑三次,取中位數比較。關注的欄位包括瀑布圖(Waterfall)中每個資源的載入順序,特別看 CSS 和 JavaScript 是否阻塞渲染,以及 TTFB(首位元組時間,Time to First Byte)是否在 800 毫秒以內。瀑布圖能揭露 PageSpeed Insights 分數看不到的細節,像是某款主題在 DOMContentLoaded 後才大量載入腳本,實際感知速度比分數好看,反而讓使用者等更久。
WebPageTest 也提供「視覺進度」(Visual Progress)曲線,顯示頁面在各時間點完成的視覺比例。兩款分數接近的主題,視覺進度曲線卻可能差距明顯——一款在 1 秒時完成 70% 渲染,另一款到 2 秒才到 40%。這種差距在數字上不顯著,但使用者的感受是截然不同的。
工具選擇對照表
兩套工具各有定位,選主題時混用效果最好。下表整理兩者在主要測試場景下的差異:
| 比較項目 | PageSpeed Insights | WebPageTest |
|---|---|---|
| 測試環境 | Google 伺服器模擬,固定條件 | 可指定地點、連線速度、瀏覽器 |
| 主要用途 | 快速取得 LCP、TBT、CLS 基準分 | 深入分析瀑布圖、視覺進度、跨主題對比 |
| 適合時機 | 主題安裝後的快速初篩 | 縮小到 2–3 款候選時的細部比較 |
| 實際用戶數據 | 有(Field Data,需流量才準確) | 無(全為實驗室數據) |
| 免費使用 | 全免費,無需帳號 | 基本功能免費,進階測試需帳號 |
| 行動裝置測試 | 預設行動版優先,桌機版另開 | 可自訂裝置與網路條件 |
| 瀑布圖細節 | 有,但精簡 | 完整,可看每個資源的時序與依賴關係 |
| 適合對象 | 入門評估、日常監測 | 有技術背景或需要嚴謹對比的測試 |
合理的配合節奏是,PageSpeed Insights 先做初篩,淘汰明顯落後的選項;剩下分數接近的候選主題,再用 WebPageTest 做三次重複測試取中位數,根據瀑布圖決定最終選擇。這樣既能控制測試時間,又不會只憑一個分數做決定。
如果兩款主題的 LCP 都在 2.5 秒以內、TBT 都低於 300 毫秒,差距不大,這時決策回到主題的可維護性和社群活躍度。效能相近的情況下,長期更新的支援比起始跑分更值得納入評估。