直接答案:PageSpeed Insights(PSI)會同時給你實驗室資料(模擬環境,方便除錯)與現場資料(真實用戶過去約 28 日體驗)。分數與指標要分開看:實驗室分數高並不等於客人真的覺得快;現場資料不足時,先用實驗室找出拖慢項,再用免費網頁性能速度測試與人手診斷對齊優先序。
許多香港老闆第一次開 PSI,見到一堆英文字縮寫:LCP、INP、CLS、TTFB,再加「良好/需要改善/不佳」。本文用決策語言說清楚楚:PSI 報告什麼、怎樣判斷嚴重程度、為什麼實驗室與現場有時會「打架」,以及下一步應該用哪個工具。
PageSpeed Insights 是什麼?
PSI 會回報網頁在手機與電腦上的使用者體驗,並提供改進建議。它同時提供:
- 實驗室資料:在受控環境收集,方便重現與除錯
- 現場資料:真實用戶體驗(CrUX),更能反映現實瓶頸,但指標較少,而且可能「沒有數據」
簡單講:實驗室回答「在標準測試條件下,你站有什麼問題」;現場回答「過去一個月,真實客人實際覺得幾快」。
現場資料:真實用戶體驗(CrUX)
PSI 的現場資料來自 Chrome 使用者體驗報告(CrUX)。常見會見到:
- FCP(First Contentful Paint):首次有內容繪製
- LCP(Largest Contentful Paint):最大內容繪製(首屏「主體」出現)
- INP(Interaction to Next Paint):互動後畫面回應
- CLS(Cumulative Layout Shift):版面突然移位
- TTFB(Time to First Byte):伺服器首字節時間(實驗/輔助指標)
資料通常反映過去約 28 日。若單一網頁樣本太少(新站、流量低),PSI 可能改用來源層(整個網域)資料;來源都不足時,就會完全顯示不到現場資料——這個不代表你站一定好差,只是樣本未夠。
體驗品質如何區分「良好/需要改善/不佳」
PSI 跟 Web Vitals 門檻分類(以第 75 百分位為重點,確保多數用戶都不差):
- FCP:良好 ≤ 1.8 秒;需要改善至 3 秒;超過則不佳
- LCP:良好 ≤ 2.5 秒;需要改善至 4 秒;超過則不佳
- CLS:良好 ≤ 0.1;需要改善至 0.25;超過則不佳
- INP:良好 ≤ 200 毫秒;需要改善至 500 毫秒;超過則不佳
- TTFB:良好 ≤ 800 毫秒;需要改善至 1.8 秒;超過則不佳
報告入面綠色/琥珀色/紅色長條,是告訴你「有多少比例用戶落在這個區間」。例如 LCP 橙色 11%,即約一成體驗介乎「需要改善」區間。
Core Web Vitals:合格定不合格
Core Web Vitals 核心是 LCP、INP、CLS。在網頁或來源層匯總時:若三項的第 75 百分位都是「良好」,先算通過;任一項不達標就不通過。若 INP 樣本不足,可能只看 LCP+CLS。對老闆而言:呢組指標與「廣告落地會不會即走、手機查詢會不會卡住」直接相關,不是純工程炫耀。
實驗室診斷:分數與稽核清單
PSI 用 Lighthouse 在模擬環境分析效能(也可以能涵蓋無障礙、最佳做法、SEO 類別)。效能分數粗分:
- 90+:良好
- 50–89:需要改善
- 低於 50:不佳
效能類別常見指標包括 FCP、LCP、Speed Index、CLS、TBT(Total Blocking Time)、TTI 等。下面稽核(audits)會列出「可以省多少時間/體積」的機會,例如壓縮圖片、減少未用 CSS/JS——這些清單最適合工程排程。
實驗室模擬通常是中階手機+流動網絡(或電腦+有線條件),測試節點可能在北美、歐洲或亞洲,所以分數會浮動。不要因為差 5 分就恐慌,要看重複出現的高影響項目。
為什麼現場與實驗室會互相矛盾?
- 現場:真實裝置、真實網絡、過去 28 日分佈
- 實驗室:單一模擬裝置+固定節流條件
所以實驗室「綠色」並不等於現場一定好;現場「普通」也並不等於你沒有什麼要修。正確用法:現場看「客人痛不痛」;實驗室看「現在改哪幾項最划算」。分數因執行而變動,也常來自網絡、硬體與伺服器負載——屬正常現象。
若你正分辨「網速慢還是頁面載入慢」,可先讀網路速度很慢怎麼辦;確認是網站問題後,按優先序改善見如何提升網站速度完整行動指南;若頁面一直轉圈,見網站一直轉圈圈;若在設計階段掙扎「又要美觀又要快」,見網頁性能與美觀效果如何取捨。
推荐工具:Revampable 免費網頁性能速度測試
官方 PSI 好強,但對非技術老闆來講,英文縮寫與報告長度容易令人放棄。我們做了一個免費網頁性能速度測試,貼上網址即可:
- 看性能分同等級,並用繁體中文說清楚生意影響(例如載入太慢,客人會走)
- 一併檢查 AI 爬蟲/GEO 訊號(robots、llms.txt、可見文字等)
- 可帶結果去 WhatsApp 做人手診斷,不必自己硬啃完整報告
想即刻試:去 revampable.com/speed-test/ 貼你的網址。若需要完整轉換路徑、手機體驗與 SEO/GEO 優先序,再接免費網站翻新診斷。