網頁載入中

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 查詢