Largest Contentful Paint(LCP,最大內容繪製)是 Core Web Vitals 中負責衡量載入速度的指標。它不是看整個頁面是否載入完畢,而是看讀者最先注意到的那個大型元素何時完整出現。
LCP 計算哪些元素
常見的 LCP 元素包括:頁首的大型圖片、橫幅主視覺、影片的封面圖,以及佔據大面積的文字區塊。瀏覽器會在載入過程中持續更新判斷,最後以視窗內面積最大的那個元素為準。
LCP 的評分標準
- 良好:2.5 秒或以內
- 需要改善:2.5 秒至 4 秒之間
- 不佳:超過 4 秒
評估時以真實使用者資料的第 75 百分位為準,也就是說,四分之三的造訪都要達到該標準,頁面才算通過。
影響 LCP 的四個環節
- 伺服器回應時間:瀏覽器收到第一個位元組愈慢,後面全部都會延後。
- 資源載入延遲:主圖要等到程式碼執行後才被發現,或被其他資源搶先佔用頻寬。
- 資源載入時間:圖片檔案過大、格式不理想或沒有壓縮。
- 元素繪製延遲:阻塞渲染的樣式表或腳本,令已下載的內容無法立即顯示。
改善 LCP 的做法
- 壓縮圖片並使用 WebP 或 AVIF 等較新的格式。
- 不要對首屏的主圖使用延遲載入(lazy loading),並可提高其載入優先級。
- 使用 CDN 與快取,縮短伺服器回應時間。
- 減少阻塞渲染的 CSS 與 JavaScript,把關鍵樣式放在前面。
常見問題
LCP 會直接決定排名嗎?
頁面體驗是排名考慮的其中一環,但內容與搜尋意圖的相關性仍然更重要。LCP 較適合看作改善使用體驗、避免讀者因為太慢而離開的指標。
用甚麼工具檢查 LCP?
可以使用 PageSpeed Insights 與 Google Search Console 的 Core Web Vitals 報表,前者同時提供真實使用者資料與實驗室測試。完整的檢查流程可參考技術 SEO 審核。
