直接答案: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 優先序,再接免費網站翻新診斷。