使用 Chrome 使用者體驗報告查看實際成效

Chrome 使用者體驗報告 (舊稱 CrUX) 是一份公開資料集,內含數百萬個網站的實際使用者體驗資料。有別於研究室資料,CrUX 資料實際上來自於實際參與的使用者選擇加入的使用者,會測量網站體驗核心指標指標,包括最大內容繪製 (LCP)、首次輸入延遲時間 (FID) 和 Cumulative Layout Shift (CLS),以及診斷指標 (例如第一個位元組) 和首次顯示內容所需時間 (FCP)。

這個資料集也包含使用者體驗的定性維度 (例如裝置和連線類型),可以深入分析依類似技術分組的使用者體驗。如需完整的指標清單,請參閱 CrUX 說明文件

有了這些資料,開發人員就能全面瞭解不同網站、網頁區段或網頁之間真實使用者體驗的分佈情形。是的!網頁開發人員可以先使用 Chrome 使用者體驗報告資料集,比較自己與競爭對手和產業的實際使用者效能。

使用方式

從 Chrome 使用者體驗報告擷取深入分析的主要方式有四種,相當複雜。如要快速輕鬆分析網站效能,建議使用 CrUX 資訊主頁PageSpeed InsightsBigQuery 具備一些簡化的分析功能,方便自訂且更精細的深入分析。此外,API 還可將高階資料與其他應用程式整合,History API 則提供趨勢分析歷來資料。

CrUX 資訊主頁

CrUX 資訊主頁是可自訂的資料視覺化工具,提供以 Looker Studio 為基礎建構的網站過往效能資料。資料來源為 BigQuery 資料集,而且所有 SQL 查詢都會在背景處理。資訊主頁會顯示使用者體驗的分佈情形 (依主要成效指標擷取的資料),以及使用者體驗隨時間變化的情形。以及定性指標 (例如裝置類型和有效連線類型) 的分佈情形會隨著時間變化。請嘗試參考 Looker Studio 資訊主頁指南

PageSpeed Insights

PageSpeed Insights (PSI) 會根據電腦和行動裝置使用者顯示最新效能分佈情形。除了整個來源外,效能資料也會針對個別網頁提供,並且匯總最近 28 天的資料 (而非 BigQuery 上的前一個日曆月)。使用這項工具很簡單,只要在網頁介面的搜尋框中輸入網址或來源,系統就會在欄位效能建議旁邊顯示最佳化網頁建議建議。請參閱 PageSpeed Insights 指南

在 BigQuery 中使用 CrUX

BigQuery 上的 CrUX 資料庫是具有網頁和指令列介面的 Google Cloud Platform (GCP) 的一部分,可代管原始資料,此資料匯總了網路上熱門來源的主要使用者體驗成效指標。系統會定期將新資料表加入資料庫中,覆蓋前一個月。開發人員可以手動查詢 挖掘資料集,獲取特定見解BigQuery 需要有 SQL 和已啟用帳單功能的 GCP 專案知識才能執行查詢。如果進階使用者需要低階資料存取權,才能建立自訂報表、基準與網路狀態報表,就很適合使用這項工具。請參閱 BigQuery 指南

CrUX API

CrUX API 是免費的介面,可用來查詢來源或網址層級的使用者體驗資料。資料每天都會更新,並匯總過去 28 天的資料,和 PageSpeed Insights 類似。您可以利用這個 API,以 CrUX 實際使用者體驗資料為基礎,建構自己的應用程式。參考 CrUX API 指南

CrUX History API

CrUX History API 是一個免費且符合 REST 樣式的介面,類似於每日 API,可查詢來源或網址層級的使用者體驗資料。上述資料會每週更新,並匯總過去 28 天的資料,為期 6 個月。您可以利用這個 API,以 CrUX 實際使用者體驗資料為基礎,建構自己的應用程式。參閱 CrUX History API 指南

如何取得協助

如果需要任何類型的支援,以下有幾個管道可以提供協助。CrUX Google 網路論壇是一個公開論壇,可供資料集使用者提問及分享分析。如需 SQL 或 API 存取程式設計方面的協助,您也可以使用 Stack Overflow 的 CrUX 標記。最後,@ChromeUXReport 是 Twitter 帳戶,您可以用於提出問題及聆聽產品公告。

實例觀摩

如要進一步瞭解可用的資料,請逐步引導您使用 Looker Studio Dashboard、PageSpeed Insights、BigQuery,以及每日和 history API 的逐步指南: