發布日期:2022 年 6 月 23 日,上次更新日期:2026 年 10 月 13 日
CrUX 中的指標是由瀏覽器提供的標準網路平台 API 支援。特別是在 BigQuery 資料集中,這項資料會匯總至來源解析度。如果網站擁有者需要更詳細的網站成效分析和洞察資料 (例如網址層級的解析度),可以使用相同的 API 收集自家來源的詳細實際使用者評估 (RUM) 資料。請注意,雖然 Chrome 支援所有 API,但其他瀏覽器可能不支援完整指標集。
大多數指標都會以直方圖匯總的形式呈現,方便您查看分布情形和百分位數值的近似值。
累計版面配置轉移
「Cumulative Layout Shift (CLS) 是以使用者為中心的重要指標,用於評估視覺穩定性,因為這項指標有助於量化使用者遇到非預期版面配置位移的頻率,而 CLS 越低,越能確保網頁提供良好的體驗。」
DOM 內容載入完成
「DOMContentLoaded 會回報初始 HTML 文件完全載入並完成剖析的時間,不需等待樣式表、圖片和子頁框載入完畢。」
首次繪製時間
「畫面首次顯示所需時間」是指瀏覽器在導覽後首次顯示畫面的時間。這不包括預設背景漆,但包括非預設背景漆。這是開發人員在載入網頁時關注的第一個重要時刻,也就是瀏覽器開始算繪網頁時。」
First Contentful Paint
「First Contentful Paint (FCP) 記錄的是瀏覽器首次算繪任何文字、圖片 (包括背景圖片)、非白色畫布或 SVG 的時間。包括含有待處理網路字型的文字。這是使用者首次可以開始瀏覽網頁內容的時間點。
Interaction to Next Paint
「Interaction to Next Paint (INP) 是評估回應速度的欄位指標。INP 會記錄整個網頁生命週期內所有互動的延遲時間。系統會將這些互動的最高值 (或接近最高值,如果網頁有許多互動) 記錄為網頁的 INP。INP 越低,代表網頁隨時都能穩定回應。」
Interaction to Next Paint (INP) 已於 2022 年 2 月新增至 CrUX 資料集。這項新指標會擷取個別事件的端對端延遲時間,並提供網頁在整個生命週期內整體回應速度的更全面資訊。
最大內容繪製
「Largest Contentful Paint (LCP) 是評估使用者感知載入速度的重要指標,因為它標示網頁載入時間軸中,網頁主要內容可能已載入的時間點。LCP 速度越快,越能讓使用者確信網頁實用。」
Largest Contentful Paint 資源類型
「LCP 會記錄可視區域中最大圖片、文字區塊或影片的算繪時間 (相對於使用者初次瀏覽網頁的時間)。」
web.dev/articles/lcp - 哪些元素會納入 LCP 考量
文字和圖片 (包括第一個影片影格圖片) 通常有截然不同的載入特性和最佳化技術。瞭解最大內容繪製資源類型的比例,有助於更深入瞭解最大內容繪製指標和最佳化路徑。
詳情請參閱「LCP 資源類型發布網誌文章」。
Largest Contentful Paint 圖片子部分
「如果 PageSpeed Insights 未提供改善 LCP 指標的建議,最佳化作業可能會更加複雜。對於複雜的工作,通常最好是將其拆分成較小且好管理的項目,然後逐一解決。
web.dev/articles/optimize-lcp - LCP breakdown into subparts
將圖片 LCP 細分為最重要的子部分,即可針對如何最佳化各個部分,採用特定建議和最佳做法。
LCP 圖片子部分會以四項獨立指標呈現:
largest_contentful_paint_image_time_to_first_bytelargest_contentful_paint_image_resource_load_delaylargest_contentful_paint_image_resource_load_durationlargest_contentful_paint_image_element_render_delay
子部分僅適用於圖片,不包含第一個影片影格圖片,因為這類圖片較為複雜,我們無法測量完整下載時間 (請注意,第一個影片影格包含在 LCP 資源類型指標中,該指標與這項複雜性無關)。
此外,由於文字子部分較不實用,且會扭曲圖片 LCP 數字,因此也不會納入。如果網站主要由文字 LCP 組成,整體 TTFB 和整體 FCP 指標就是實用的細分資料,但請注意,這些指標適用於所有 LCP,而非僅限文字 LCP。
詳情請參閱 LCP 圖片子部分發布網誌文章。
操作機制
「導覽類型」指標會細分下列導覽的網頁瀏覽百分比:
| 類型 | 說明 |
|---|---|
navigate |
不屬於其他類別的載入網頁。 |
navigate_cache |
載入網頁時,主要資源 (主要 HTML 文件) 是從 HTTP 快取提供。網站通常會快取子資源,但主要 HTML 文件通常快取次數較少,如果可以快取,就能在本地和 CDN 快取,進而顯著提升效能。 |
reload |
使用者重新載入網頁,可能是按下重新載入按鈕、在網址列按下 Enter 鍵,或復原關閉的分頁。重新載入網頁通常會導致重新驗證回到伺服器,檢查主頁面是否已變更。網頁重新載入率偏高,可能表示使用者體驗不佳。 |
restore |
瀏覽器重新啟動後,網頁重新載入,或因記憶體原因而移除的分頁。在 Android 版 Chrome 中,這些事件會改為回報為「重新載入」。 |
back_forward |
瀏覽記錄導覽,表示使用者最近看過該網頁並返回。如果快取正確,這些體驗應該會相當快速,但仍需要處理網頁並執行 JavaScript,而 bfcache 可避免這兩者。 |
back_forward_cache |
從 bfcache 提供的歷史記錄導覽。最佳化網頁,移除阻礙 bfcache 的因素,可加快載入速度,因此網站應 |
prerender |
網頁已預先算繪,與 bfcache 類似,可讓網頁幾乎瞬間載入。 |
在某些情況下,載入網頁可能是多種導覽類型的組合。在這種情況下,CrUX 會回報表格中第一個相符的項目 (從底部到頂部)。
詳情請參閱導覽類型公告文章。
Onload
「網頁及其相關資源載入完成時,系統會觸發載入事件。」
封包往返時間
根據最近的網路連線,在導覽開始時估算 HTTP (應用程式層) 往返時間。這項指標是以 Network Information API 的 rtt 屬性為依據,該 API 也是負責前有效連線類型 (ECT) 維度的 API。
詳情請參閱這篇網誌文章。
實驗指標
實驗指標可透過 BigQuery 在 CrUX 資料集和 CrUX API 中取得,但並非所有指標都可在兩者中取得。這些指標會根據使用者意見回饋不斷調整,因此可能有所變動。請查看版本資訊,掌握最新異動。
實驗性軟性導覽 Core Web Vitals 指標
2026 年 10 月版本推出 Core Web Vitals 指標的實驗版本,包括軟導覽:
experimental_largest_contentful_paint_with_softnavsexperimental_interaction_to_next_paint_with_softnavsexperimental_cumulative_layout_shift_with_softnavs
這些指標包括完整載入網頁和軟導覽。
詳情請參閱「Chrome 使用者體驗報告推出實驗性 Core Web Vitals 指標」。
Time to First Byte
CrUX 中的 TTFB 只會在完整載入網頁時收集,不像其他計時器 (例如 LCP) 也會在往返快取 (bfcache) 導覽和預先算繪網頁上收集。因此,TTFB 的樣本大小可能小於其他指標,不一定能直接與其他指標比較。CrUX 中的 TTFB 會包含冷網頁載入、快取網頁載入,以及從已建立連線載入的網頁 (例如網站內網頁載入)。
TTFB 並非伺服器回應時間的直接指標,因為 TTFB 包含之前的指標,包括重新導向時間,且會受到回應是從快取、CDN 或伺服器提供而影響。這在 CrUX 等欄位資料中尤其明顯,而實驗室測試通常較不受這些因素影響,因為最終網址是測試,且經常重複否定快取變更。
熱門程度
熱門程度排名指標是 CrUX 資料集內網站熱門程度的相對衡量指標,以來源的總瀏覽次數衡量。排名採用以 10 為底的對數刻度,並以半步為間隔 (例如前 1,000 個、前 5,000 個、前 10,000 個、前 50,000 個、前 100,000 個、前 500,000 個、前 1,000,000 個等),每個排名都會排除前一個排名 (例如前 5,000 個實際上是 4,000 個網址,排除前 1,000 個)。資料集越大,上限就越高。
熱門程度可做為廣泛分析的指南,例如判斷前 1,000 個來源在各國家/地區的成效。
通知權限
如果網站要求向使用者顯示通知的權限,這項指標代表使用者對提示的回應頻率:接受、拒絕、忽略或關閉。
廣告指標
Chrome 為網站和其他對象 (例如廣告主) 提供公開指標和工具,協助他們進一步瞭解實際使用者的廣告體驗及其影響。
- 廣告數量:這項指標說明一般使用者在網站上一次看到的廣告數量。
- 廣告密度:這項指標說明一般使用者在內容和廣告曝光度之間取得的平衡。
- 廣告權重:CPU:這項指標說明廣告的 CPU 消耗量,這可能會影響成效。
- 廣告權重:網路:這項指標說明廣告消耗的網路資源。
我們認為這些指標對網路廣告主和他們用來放送廣告的服務特別有幫助。許多廣告生態系統利害關係人表示,這些指標有助於評估廣告商機,並做出廣告產品決策。
詳情請參閱廣告指標推出網誌文章和廣告評估說明文件。