跳到內容

免費工具

Core Web Vitals 說明

用日常語言說明 Core Web Vitals:LCP、INP 與 CLS 測量什麼、良好與不佳的門檻,以及緩慢、無回應或版面位移頁面的常見修正方式。

載入

LCP

Largest Contentful Paint

螢幕上最大的元素(通常是主視覺圖片或標題)完成繪製需要多久。

良好
≤ 2.5 s
需要改善
2.5 至 4 s
不佳
> 4 s
回應性

INP

Interaction to Next Paint

在整個造訪過程中,頁面對點按、點擊與按鍵有多快出現可見的回應。

良好
≤ 200 ms
需要改善
200 至 500 ms
不佳
> 500 ms
視覺穩定性

CLS

Cumulative Layout Shift

頁面使用期間,內容出乎意料地跳動了多少。

良好
≤ 0.1
需要改善
0.1 至 0.25
不佳
> 0.25

分數如何評判

每個指標都依真實頁面載入的第 75 百分位評判:當至少 75% 的造訪獲得良好體驗時,該頁面即通過。在您自己的高速機器上使用實驗室工具,結果通常比訪客實際看到的更好,因此請測量真實使用者。

常見的修正方式

  • LCP:以現代格式與正確尺寸提供主視覺圖片、預先載入它、避免延遲載入,並透過快取縮短伺服器回應時間(TTFB)。
  • INP:拆分長時間執行的 JavaScript 任務、延後第三方腳本,並避免在輸入處理程式中做繁重的工作。
  • CLS:為圖片、嵌入內容與廣告設定固定尺寸、為橫幅預留空間,並搭配相近的備用字型使用 font-display。

也值得留意

FCP(First Contentful Paint)顯示任何內容何時首次出現,TTFB(Time to First Byte)顯示您的伺服器回應有多快。兩者都有助於解釋緩慢的 LCP。

測量您的真實訪客

Privatus Analytics 從真實造訪測量這五項指標,採取取樣且無 cookie,並與您的流量並列。查看效能監控。