免費工具
Core Web Vitals 說明
用日常語言說明 Core Web Vitals:LCP、INP 與 CLS 測量什麼、良好與不佳的門檻,以及緩慢、無回應或版面位移頁面的常見修正方式。
載入
LCP
Largest Contentful Paint
螢幕上最大的元素(通常是主視覺圖片或標題)完成繪製需要多久。
良好
≤ 2.5 s 需要改善
2.5 至 4 s 不佳
> 4 s
≤ 2.5 s 需要改善
2.5 至 4 s 不佳
> 4 s
回應性
INP
Interaction to Next Paint
在整個造訪過程中,頁面對點按、點擊與按鍵有多快出現可見的回應。
良好
≤ 200 ms 需要改善
200 至 500 ms 不佳
> 500 ms
≤ 200 ms 需要改善
200 至 500 ms 不佳
> 500 ms
視覺穩定性
CLS
Cumulative Layout Shift
頁面使用期間,內容出乎意料地跳動了多少。
良好
≤ 0.1 需要改善
0.1 至 0.25 不佳
> 0.25
≤ 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,並與您的流量並列。查看效能監控。