Revampable

網頁知識

PageSpeed Insights 是甚麼?實驗室資料、現場資料與 Core Web Vitals 怎麼睇

直接答案:PageSpeed Insights(PSI)會同時給你實驗室資料(模擬環境,方便除錯)同現場資料(真實用戶過去約 28 日體驗)。分數同指標要分開睇:實驗室分數高唔等於客人真係覺得快;現場資料不足時,先用實驗室找出拖慢項,再用免費網頁性能速度測試同人手診斷對齊優先序。

好多香港老闆第一次開 PSI,見到一堆英文字縮寫:LCP、INP、CLS、TTFB,再加「良好/需要改善/不佳」。本文用決策語言講清楚:PSI 報告咩、點樣判斷嚴重程度、點解實驗室同現場有時會「打架」,以及下一步應該用邊個工具。

本頁目錄

  1. PSI 係咩
  2. 現場資料(真實用戶/CrUX)
  3. 體驗品質門檻
  4. Core Web Vitals 點樣「合格」
  5. 實驗室診斷同分數
  6. 點解兩邊資料會唔一致
  7. 推荐:Revampable 免費網頁性能速度測試

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

常見問題

實驗室分數高,是否代表真實用戶都很快?

不一定。實驗室是模擬單一裝置與網絡;真實用戶有不同手機、電訊商與地點。兩邊都要看,尤其投放廣告時更要重視現場資料。

為何我的網站沒有真實用戶(CrUX)資料?

CrUX 需要足夠公開可索引流量與樣本。新站、低流量或樣本不足時,可能只有來源層資料,甚至完全沒有現場資料。

同樣網址,分數每次都唔同正常嗎?

正常。網絡、測試節點、伺服器負載都會令實驗室分數浮動。應看趨勢與可改善項,而不是追單一數字。

免費測試

唔想自己啃完份 PSI 報告?

貼上網址,先做免費網頁性能速度測試;需要解讀再 WhatsApp 搵我哋。

延伸閱讀

相關網頁知識

WhatsApp 查詢