跳至內容
文件

Core Web Vitals:真實使用者的 LCP、INP 與 CLS 週趨勢

透過 Chrome UX Report History API 取得整個網站或單一頁面每週第 75 百分位的 LCP、INP 與 CLS,並依 Google 的門檻值評等。

資源 → 分析 → 核心網頁指標執行報表CrUX API 金鑰閱讀時間 1 分鐘

Core Web Vitals 報表(標題為 Core Web Vitals History)會逐週呈現真實 Chrome 使用者對您網站的體驗。報表資料來自 Chrome UX Report History API,與 Search Console 的 Core Web Vitals 報表使用相同的實際使用者資料,並以第 75 百分位數對照 Google 的門檻值,為每項指標評等。您可以藉此判斷某次發布讓頁面變快或變慢,遠早於實驗室測試能反映訪客的實際感受。

執行報表

  1. Scope:Whole site 會查詢整個來源(例如 https://www.example.com),彙整 Chrome 使用者造訪過的所有頁面;Single page 則查詢單一 URL。
  2. Origin 或 Page URL:預設帶入您資源的來源,可自行修改以檢查其他主機或頁面。
  3. Device:All devices、Phone、Desktop 或 Tablet。選擇 All devices 時,報表還會分別載入各裝置的資料,並加入 Summary by device 表格。
  4. 按下 Run report。

由於資料每週才更新一次,結果會快取一天。報表使用 CrUX API 金鑰查詢 API;AutoPSEO 已提供金鑰,您無須另行設定。若想為自己的工具申請金鑰,可透過 API Key 按鈕前往 Google 的說明。

報表內容

判定列會顯示該範圍是否 Passes Core Web Vitals:也就是所有有資料的核心指標都評為良好。下方有五張卡片,每項指標一張,各自顯示最新的第 75 百分位數值、評等、與四週前相比的變化,以及評為良好的頁面載入比例。

指標衡量內容良好不佳
LCP,Largest Contentful Paint載入:最大的可見元素何時完成渲染2.5 秒以內超過 4 秒
INP,Interaction to Next Paint回應速度:點擊、輕觸與按鍵後的延遲200 毫秒以內超過 500 毫秒
CLS,Cumulative Layout Shift視覺穩定性:載入期間內容位移的程度0.1 以內超過 0.25
FCP,First Contentful Paint第一段文字或圖片出現的時間1.8 秒以內超過 3 秒
TTFB,Time to First Byte伺服器開始回應的速度0.8 秒以內超過 1.8 秒

LCP、INP 與 CLS 是 Core Web Vitals;FCP 與 TTFB 則是輔助指標,有助於找出 LCP 不佳的原因。介於兩個門檻值之間的數值屬於需要改善。Google 會分別針對行動裝置與桌面裝置,以頁面載入的第 75 百分位數評估每項指標(web.dev: Web Vitals)。INP 已於 2024 年 3 月 12 日取代 First Input Delay,成為 Core Web Vital。

當最新數值與四週前相比變動達 5% 以上時,趨勢會標示為改善中或惡化中。圖表會繪製各項指標每週的第 75 百分位數,以及良好、需要改善與不佳的占比;表格則列出每一週的五項數值,以及 LCP 體驗良好的占比。

如何解讀歷史資料

每個資料點代表一個每週的收集期間,內容彙總前 28 天的造訪紀錄,因此修正的成效會在約四週內逐漸顯現,而不是一夜之間改變。API 預設回傳 25 個週期,約涵蓋最近六個月(CrUX History API)。

  • 階梯式變化若與部署、新增的標籤管理工具指令碼或佈景主題更新時間吻合,是最常見的情形;請用註解標記該日期。
  • 手機表現比桌面差十分常見,因為手機的處理能力較弱,網路連線也常較慢。請依您的搜尋流量有多少來自行動裝置來衡量其重要性。
  • 來源良好、頁面不佳:來源的數值是所有頁面混合後的結果,因此請逐一檢查負載最重的範本。

沒有資料時

Chrome 只會為擁有足夠真實 Chrome 造訪量的公開來源或 URL 發布紀錄;否則報表會顯示 Not enough field data(CrUX 方法論)。新頁面或流量較低的頁面,即使其來源有紀錄,通常也沒有 URL 層級的紀錄。此外,CrUX API 不提供依國家劃分的資料,因此數值涵蓋的是全球所有訪客。

AutoPSEO 如何幫上忙

AutoPSEO 交付的文章由您自己的網站渲染,因此會沿用您範本的效能表現。若由 AutoPSEO 為您代管某個區段,則文章頁面由代管的渲染器直接提供;請對其中一個 URL 執行報表來檢查這些頁面。如需進一步了解這三項指標,請參閱 LCP、INP 與 CLS 是什麼意思,以及如何改善不佳的 Core Web Vitals 分數。

讓你的 SEO 內容自動運行

連結 Search Console 與你的網站,AutoPSEO 會立即掃描並規劃首批主題。無需信用卡。