找我們做網站
↑
Seo · 網站分析與行銷工具

Google PageSpeed Insights 網站速度測試教學:分數與核心網頁指標怎麼看

網站分析與行銷工具發布 2018.02.11更新 2026.10.02閱讀約 6 分鐘
Google PageSpeed Insights 網站速度測試教學:分數與核心網頁指標怎麼看

重點整理
Google PageSpeed Insights 現在的網址是 pagespeed.web.dev,貼上網址按「分析」就能免費測網站速度,不用登入。報告分成兩塊:上面的「瞭解實際使用者體驗」是真實訪客數據(核心網頁指標 LCP、INP、CLS),下面的「診斷效能問題」是 Lighthouse 模擬測試的 0–100 分。分數 90 以上為綠色(良好)、50–89 橘色、49 以下紅色;SEO 上更該看的是核心網頁指標有沒有通過。

網站花了時間架好、內容也寫了,流量卻起不來,網站速度常常是被忽略的原因。速度太慢,訪客還沒看到內容就離開;Google 也把「網頁體驗」納入排名參考。這篇說明 Google PageSpeed Insights(常被搜尋成 Google Speed Insight、Page Speed Insight)怎麼用、報告上的數字代表什麼,以及看到建議後該從哪裡下手。

Google PageSpeed Insights 是什麼?

PageSpeed Insights(簡稱 PSI)是 Google 提供的免費網站速度測試工具,可以分別測試手機與電腦版的載入表現,並列出可以改善的項目。早期的網址在 developers.google.com 底下,現在已經改到 pagespeed.web.dev,舊網址會自動轉過去。

2018 年的舊版只會顯示「Good/Poor」和一串最佳化建議;現在的版本整合了兩種資料來源:

  • 實際使用者資料:來自 Chrome 使用者體驗報告(CrUX),是真實訪客在過去 28 天的體驗。流量太小的網站可能沒有這塊資料。
  • 實驗室資料:由 Lighthouse 在模擬的裝置與網路環境下即時測一次,產生 0–100 的效能分數與改善建議。

步驟一:輸入網址並按「分析」

打開 pagespeed.web.dev,在中間的欄位貼上要測試的網址,按「分析」。測試大約需要幾十秒,期間不要關閉頁面。可以測首頁,也可以貼單一文章或商品頁的網址,不同頁面的結果常常差很多。

PageSpeed Insights(pagespeed.web.dev)首頁,在網址欄貼上 https://wordpress.org/,右側是「分析」按鈕
PageSpeed Insights(pagespeed.web.dev)首頁,在網址欄貼上 https://wordpress.org/,右側是「分析」按鈕

步驟二:切換「行動裝置」與「電腦」

報告上方有「行動裝置」和「電腦」兩個分頁,預設先顯示行動裝置。手機版的模擬環境比較嚴格(較慢的 CPU 與網路),分數通常比電腦版低很多,這是正常的。Google 以行動版內容為主建立索引,所以優先看行動裝置的結果。

步驟三:看懂「瞭解實際使用者體驗」

這一塊會顯示核心網頁指標評估是否通過,以及各項指標的數值。三個核心網頁指標與「良好」門檻如下:

PageSpeed Insights 行動裝置報告的「瞭解實際使用者體驗」區塊,以 wordpress.org 為例:核心網頁指標評估「失敗」,LCP 2.9 秒、INP 127 毫秒、CLS 0.01(2026 年 10 月 2 日測試)
PageSpeed Insights 行動裝置報告的「瞭解實際使用者體驗」區塊,以 wordpress.org 為例:核心網頁指標評估「失敗」,LCP 2.9 秒、INP 127 毫秒、CLS 0.01(2026 年 10 月 2 日測試)
指標意思良好
LCP(最大內容繪製)畫面上最大的圖片或文字區塊多久顯示出來2.5 秒以內
INP(與下一個顯示的互動)點按鈕、開選單後,畫面多久有反應200 毫秒以內
CLS(累計版面配置位移)載入過程中版面跳動的程度0.1 以下

INP 已經取代舊的 FID(首次輸入延遲),如果看到舊文章還在講 FID,那是過時的資訊。三項都在「良好」範圍內,核心網頁指標評估才會顯示「通過」。報表上也會看到 FCP、TTFB 等輔助指標,可以用來找慢在哪個環節。

步驟四:看懂「診斷效能問題」與分數

下半部是 Lighthouse 的實驗室測試,最上面是效能分數:

PageSpeed Insights「診斷效能問題」區塊,wordpress.org 行動版效能 73 分(橘色),下方列出 FCP、LCP、Total Blocking Time、CLS、Speed Index 五項指標
PageSpeed Insights「診斷效能問題」區塊,wordpress.org 行動版效能 73 分(橘色),下方列出 FCP、LCP、Total Blocking Time、CLS、Speed Index 五項指標
  • 90–100(綠色):良好
  • 50–89(橘色):需要改善
  • 0–49(紅色):不佳

效能分數由五項指標加權計算,其中 Total Blocking Time 佔 30%、LCP 與 CLS 各佔 25%、FCP 與 Speed Index 各佔 10%。因為是模擬測試,同一個網址連續測幾次,分數上下差幾分是正常的。

分數下方會列出「深入分析」與「診斷」項目,例如圖片沒有使用新式格式、未使用的 JavaScript、阻擋轉譯的資源等。點開每一項會說明原因並列出相關檔案。報告下方還有「無障礙」「最佳做法」「SEO」三項分數,可以順便檢查。

看到建議後,WordPress 網站可以從哪裡改善?

多數建議不用自己改程式碼,WordPress 網站可以先從這幾件事著手:

  • 圖片:上傳前先壓縮,或用外掛自動轉成 WebP、設定延遲載入。
  • 快取:安裝快取外掛(例如 LiteSpeed Cache、WP Super Cache、W3 Total Cache),減少每次都要重新產生頁面的時間。
  • 外掛與主題:停用沒在用的外掛,避免每頁都載入用不到的 CSS、JavaScript。
  • 主機:TTFB(伺服器回應時間)長期偏高,通常是主機效能不足,再怎麼調外掛效果都有限。

涉及 HTML、CSS、JavaScript 的修改建議,沒有相關經驗時不要直接動主題檔案,改錯可能讓網站版面壞掉;先在測試站試過,或交給工程師處理。

常見問題

PageSpeed Insights 分數多少才算好?

90 分以上為良好(綠色)。不過分數是模擬測試,SEO 上更重要的是「實際使用者體驗」的核心網頁指標是否通過;手機版分數 50–89 但核心網頁指標通過,對真實訪客來說已經不差。

為什麼每次測試的分數都不一樣?

實驗室測試會受到當下網路、伺服器負載、廣告或第三方程式載入的影響,每次差幾分是正常的。比較改善前後時,建議各測三次取中間值。

為什麼看不到「實際使用者體驗」的資料?

因為網站或該頁面的真實流量不夠,Chrome 使用者體驗報告沒有足夠樣本。這時只能先參考下方的實驗室資料,流量成長後才會出現。

結語

PageSpeed Insights 是免費、不用登入、隨時可以測的網站健檢工具。看報告時先看上方的核心網頁指標有沒有通過,再從下方的診斷項目找改善方向;不必執著把分數衝到 100,而是讓 LCP、INP、CLS 都落在良好範圍。網站速度改善後,訪客停留與詢問轉換通常也會跟著變好。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。