LCP、INP 和 CLS 分別代表什麼?
核心網頁指標
它們是 Google 用來描述頁面使用者體驗的三項 Core Web Vitals(網站體驗核心指標)。Largest Contentful Paint(LCP)衡量載入速度:主要內容需要多久才會出現。Interaction to Next Paint(INP)衡量回應速度:使用者點擊、輕觸或輸入時,頁面多快做出反應。Cumulative Layout Shift(CLS)衡量視覺穩定性:版面跳動的幅度有多大。「良好」的標準是 LCP 在 2.5 秒以內、INP 在 200 毫秒以內,且 CLS 在 0.1 以下。
三項指標一覽
| 指標 | 衡量項目 | 良好 | 需要改善 | 不良 |
|---|---|---|---|---|
| LCP | 載入速度 | 2.5 秒以內 | 最多 4 秒 | 超過 4 秒 |
| INP | 回應速度 | 200 毫秒以內 | 最多 500 毫秒 | 超過 500 毫秒 |
| CLS | 視覺穩定性 | 0.1 以下 | 最多 0.25 | 超過 0.25 |
以上是 Google Core Web Vitals 報告說明中的門檻值。當三項指標在訪問的第 75 百分位數都達到良好時,該頁面即為通過,且行動裝置與桌面裝置會分開計算。
LCP:Largest Contentful Paint
LCP 是指從使用者開始載入頁面,到可視範圍內最大的圖片、影片或文字區塊完成繪製為止的時間。符合條件的元素包括 <img> 元素、SVG 內的圖片、影片的預覽圖(poster)或第一個影格、CSS 背景圖片,以及區塊層級的文字。一旦訪客開始互動,瀏覽器就不再尋找新的候選元素。LCP 偏慢,通常是因為伺服器回應緩慢、主視覺圖片過大或太晚被發現,或是 CSS 與指令碼阻擋了畫面渲染。
INP:Interaction to Next Paint
INP 會監測訪問期間的點擊、輕觸和按鍵,並測量每次操作從發生到瀏覽器能繪製下一個影格所需的時間。滑鼠懸停、捲動和縮放不列入計算。回報的數值是最慢的一次互動;在互動次數很多的頁面上,則會忽略極端值。INP 已於 2024 年 3 月取代 First Input Delay(FID),成為 Core Web Vitals 之一;FID 只看第一次互動,而 INP 涵蓋整個訪問過程。INP 不佳通常是因為冗長的 JavaScript 工作讓主執行緒持續忙碌。
CLS:Cumulative Layout Shift
CLS 會累計非預期的版面位移,例如圖片或廣告在文字上方載入時,文字被往下推,並回報訪問期間最大的一組連續位移。每次位移的分數取決於畫面移動的範圍與距離。在點擊、輕觸或按鍵後 500 毫秒內發生的位移不會計入,因為此時訪客預期頁面會有所變化。
這些數據從哪裡來?
Search Console 的 Core Web Vitals 報告使用來自 Chrome UX Report 的實地資料:也就是過去 28 天內真實的 Chrome 訪問,並將相似的頁面歸為一組,每組以最差的指標評等。Lighthouse 等實驗室工具是在沒有真實訪客的情況下載入頁面,因此無法測量 INP,而是以 Total Blocking Time 作為替代,web.dev 的 Web Vitals 概覽對此有所說明。建議將實驗室分數用於除錯,並以實地資料作為最終判斷依據。
Core Web Vitals 會影響排名嗎?
Google 強烈建議網站達到良好的 Core Web Vitals,以在搜尋中取得成功,並表示頁面體驗與其核心排名系統所要獎勵的方向一致。但這並非捷徑:速度快的頁面仍然必須是最佳解答。如何修正不佳的 Core Web Vitals 分數?說明了每項指標應該調整的地方。
AutoPSEO 如何提供協助
AutoPSEO 的 Core Web Vitals 報告會讀取整個網站或單一 URL 的 Chrome UX Report 歷史資料,可依手機、桌面或平板篩選,並以第 75 百分位數繪製 LCP、INP 和 CLS(以及 first contentful paint 與 time to first byte)約六個月的每週資料趨勢圖,讓你看出某項指標是從何時開始下滑的。