faviconSEO Hub HK

最大內容繪製 Largest Contentful Paint (LCP)

Largest Contentful Paint(LCP,最大內容繪製)是 Core Web Vitals 的其中一項指標,衡量頁面開始載入後,視窗內最大的圖片或文字區塊顯示完成所需的時間,用來反映讀者感覺到「主要內容已經出現」的速度。

Set SEO Hub HK as a preferred source on Google

Largest Contentful Paint(LCP,最大內容繪製)是 Core Web Vitals 中負責衡量載入速度的指標。它不是看整個頁面是否載入完畢,而是看讀者最先注意到的那個大型元素何時完整出現。

LCP 計算哪些元素

常見的 LCP 元素包括:頁首的大型圖片、橫幅主視覺、影片的封面圖,以及佔據大面積的文字區塊。瀏覽器會在載入過程中持續更新判斷,最後以視窗內面積最大的那個元素為準。

LCP 的評分標準

  • 良好:2.5 秒或以內
  • 需要改善:2.5 秒至 4 秒之間
  • 不佳:超過 4 秒

評估時以真實使用者資料的第 75 百分位為準,也就是說,四分之三的造訪都要達到該標準,頁面才算通過。

影響 LCP 的四個環節

  1. 伺服器回應時間:瀏覽器收到第一個位元組愈慢,後面全部都會延後。
  2. 資源載入延遲:主圖要等到程式碼執行後才被發現,或被其他資源搶先佔用頻寬。
  3. 資源載入時間:圖片檔案過大、格式不理想或沒有壓縮。
  4. 元素繪製延遲:阻塞渲染的樣式表或腳本,令已下載的內容無法立即顯示。

改善 LCP 的做法

  • 壓縮圖片並使用 WebP 或 AVIF 等較新的格式。
  • 不要對首屏的主圖使用延遲載入(lazy loading),並可提高其載入優先級。
  • 使用 CDN 與快取,縮短伺服器回應時間。
  • 減少阻塞渲染的 CSS 與 JavaScript,把關鍵樣式放在前面。

常見問題

LCP 會直接決定排名嗎?

頁面體驗是排名考慮的其中一環,但內容與搜尋意圖的相關性仍然更重要。LCP 較適合看作改善使用體驗、避免讀者因為太慢而離開的指標。

用甚麼工具檢查 LCP?

可以使用 PageSpeed Insights 與 Google Search Console 的 Core Web Vitals 報表,前者同時提供真實使用者資料與實驗室測試。完整的檢查流程可參考技術 SEO 審核。

相關SEO術語

Core Web Vitals (CWV)核心網頁指標

Core Web Vitals(核心網頁指標)是 Google 用來量度網頁真實使用體驗的一組指標,目前包括載入速度(LCP)、互動反應(INP)和版面穩定度(CLS)。這些指標屬於 Google 頁面體驗信號的一部分,直接反映用家打開網頁時載入快不快、操作順不順、版面會不會突然跳動。

Technical SEO技術 SEO

Technical SEO(技術 SEO)是指優化網站的技術基礎,讓搜尋引擎能順利檢索、理解及建立索引,同時提供穩定、快速、安全的瀏覽體驗。它處理的是網站「能不能被讀到」的問題,而不是內容寫得好不好。

Mobile-First Indexing行動優先索引

Mobile-First Indexing(行動優先索引)是指 Google 主要以網頁的行動版內容來建立索引和判斷排名。換句話說,手機上看到的內容,就是搜尋引擎最主要參考的版本。