WordPress 主題效能測試方法,換主題前先跑這兩個工具

很多人換 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 毫秒,差距不大,這時決策回到主題的可維護性和社群活躍度。效能相近的情況下,長期更新的支援比起始跑分更值得納入評估。

相關文章
標籤: 效能優化, WordPress 主題, PageSpeed Insights, LCP, WebPageTest