CrUX 資訊主頁

CrUX 資訊主頁是 Looker Studio (原名為 Google 數據分析) 資訊主頁,可連結至 BigQuery 上原始來源層級的 CrUX 資料,並以視覺化方式呈現資料。使用者不必編寫任何查詢或產生任何圖表。一切都為您準備就緒,您只需提供來源,系統就會為您產生資訊主頁。

存取 CrUX 資訊主頁

如要啟動 CrUX 資訊主頁,請輸入來源或網址,然後按下 Enter 鍵或點選「Go」

您可以分享資訊主頁網址並將其加入書籤,方便快速參考。

是否適用於所有網站?

否。如果 CrUX 資料集中沒有包含來源,系統就不會顯示任何資料。資料集中有超過 1, 500 萬個來源,但您要的來源可能沒有足夠的資料可供使用。

來源發生的常見問題包括提供錯誤的通訊協定 (例如 http:// 而非 https://),以及在需要時省略子網域。部分網站會包含重新導向,因此如果 http://example.com 重新導向至 https://www.example.com,您應使用後者,這是來源的標準版本。

使用自訂搜尋引擎存取資訊主頁

如果經常造訪不同網域,另一種方法是在 Chrome 中設定自訂搜尋引擎,讓你將搜尋字詞 (在本例中為來源) 傳送至網址。如要這麼做,請使用 Chrome 右上方的三點選單進入 Chrome 設定。進入「設定」後,選擇「搜尋引擎」選項。

Chrome 的「搜尋引擎」頁面設定,可用於「管理搜尋引擎和網站搜尋」
Chrome 搜尋引擎設定。

接著展開「管理搜尋引擎和站內搜尋」,捲動至「網站搜尋」,按一下「新增」按鈕,然後輸入以下詳細資料:

  • 搜尋引擎:CrUX
  • 捷徑:crux
  • 以 %s 取代查詢的網址:https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Chrome 的「新增搜尋引擎」對話方塊,其中包含三個欄位:搜尋引擎名稱、捷徑,以及以 %s 取代查詢的網址。
Chrome 的「新增搜尋引擎」對話方塊。

完成後,在搜尋列中輸入 crux 並按下 tab,即可輸入來源,Chrome 會前往該來源的 CrUX 資訊主頁。

Chrome 網址列顯示「Search CrUX」指令。
在 Chrome 網址列中使用自訂搜尋引擎。

如果省略通訊協定,系統會假設為 HTTPS。子網域很重要,例如 https://developers.google.comhttps://www.google.com 會被視為不同的來源。

如果來源在 CrUX 中存在,系統會將您帶往資訊主頁,並填入這個來源的 CrUX 資料:

developer.chrome.com 的 CrUX 資訊主頁,顯示初始 Core Web Vitals 畫面。
CrUX 資訊主頁範例。

資訊主頁總覽

每個資訊主頁都包含三種類型的頁面:

  1. Core Web Vitals 簡介
  2. 指標效能
  3. 使用者客層

每個頁面都會提供圖表,顯示每個可用的每月版本,新資料集發布後,您可以重新整理資訊主頁,取得最新資料。

每月第二個星期二會發布月度資料集。舉例來說,如果資料集包含 5 月的使用者體驗資料,就會在 6 月的第二個星期二發布。

Core Web Vitals 簡介

第一頁會概略顯示來源網站的每月網站使用體驗核心指標成效。這些是 Google 建議您著重的最重要的使用者體驗指標。

CrUX 資訊主頁的 Core Web Vitals 總覽,顯示這個網站的 LCP、INP 和 CLS 詳細資料。
CrUX 資訊主頁 Core Web Vitals 總覽。

透過「Core Web Vitals」頁面,瞭解電腦和手機使用者對來源的體驗。根據預設,系統會選取您建立資訊主頁時的最近一個月。如要切換為較舊或較新的月度版本,請使用頁面頂端的「月」篩選器。

指標效能

在「網站使用體驗核心指標」頁面之後,您會看到 CrUX 資料集中所有指標的獨立頁面。

CrUX 資訊主頁 LCP 頁面,顯示 10 個月內 LCP 良好、需要改善和不佳資料的堆疊條形圖。
CrUX 資訊主頁 LCP 頁面。

每個頁面的頂端都有「裝置」篩選器,可用於限制體驗資料中包含的板型規格。舉例來說,您可以深入探討手機體驗。這項設定會在各頁面上保留。

這些頁面上的主要圖表,是按「良好」、「需要改善」和「不良」分類,顯示每月體驗分布的情況。圖表下方的圖例以顏色標示各類別的體驗範圍。舉例來說,在前述螢幕截圖中,您可以看到「良好」最大內容繪製 (LCP) 體驗的百分比略有波動,且在最近幾個月內略有惡化。

圖表上方會顯示最近一個月「良好」和「不佳」體驗的百分比,以及與上個月的百分比差異。針對這個來源,「良好」LCP 體驗的比例從 83.25% 下降 0.8%,逐月變動為 83.25%;p75 數字則維持在 1,500 的逐月變動,且「不良」LCP 體驗的比例增加 3.6% (以紅色顯示,因為增加是負面情形) 至 7.42%。請注意,百分比變動是指實際百分比變動,而非百分比點變動。舉例來說,83.93% 到 83.25% 的百分比變動是 0.68 個百分點,也就是先前總數 83.93% 的 0.8% 減少。

此外,如果指標 (例如 LCP 和其他 Core Web Vitals) 提供明確的百分比建議,您會在「良好」和「不良」百分比之間看到「P75」指標。這個值對應於來源的使用者體驗第 75 百分位數。換句話說,75% 的體驗都優於這個值。請注意,這項設定適用於來源網頁上所有裝置的整體分發情形。使用「裝置」篩選器切換特定裝置不會重新計算百分比。

百分位數的技術注意事項

請注意,百分位指標是根據 BigQuery 的直方圖資料計算,因此精細程度較低:LCP 為 100 毫秒、INP 為 25 毫秒,CLS 為 0.05。換句話說,如果 P75 LCP 為 3800 毫秒,表示實際的 75 百分位數介於 3800 至 3900 毫秒之間。

此外,BigQuery 資料集會使用「分箱」技術,將使用者體驗密度分組成粗略的分箱,並逐漸降低精細度。這樣一來,我們就能在分布的尾端加入精確度極高的密度,而不會超過四位數的準確度。舉例來說,如果 LCP 值小於 3 秒,就會歸入 200 毫秒寬的值區。3 到 10 秒之間的區間寬度為 500 毫秒。超過 10 秒後,區塊寬度為 5000 毫秒... 分箱擴散功能可確保所有分箱的寬度皆為 100ms (最大公因數),而分布資料則會在各個分箱中以線性方式插補。

PageSpeed Insights 等工具中的對應 P75 值並非根據公開的 BigQuery 資料集,因此可提供精確至毫秒的值。

使用者客層

使用者客層頁面包含兩個維度:裝置和有效連線類型 (ECT)。這些頁面會顯示各個客層使用者在整個來源網站上的網頁瀏覽數分布情形。

「裝置分布」頁面會顯示手機、電腦和平板電腦使用者的時間分布:

CrUX 資訊主頁的裝置頁面,顯示手機、電腦和平板電腦的裝置分布情形 (10 個月)。
CrUX 資訊主頁的裝置頁面。

許多來源的平板電腦資料通常很少,甚至沒有,因此您經常會看到「0%」出現在圖表邊緣。

同樣地,ECT 分布頁面會顯示 4G、3G、2G、慢速 2G 和離線體驗的分布情形。

系統會使用「首次顯示內容所需時間」 (FCP) 直方圖資料的區隔,計算這些維度的分布情形。

常見問題

以下是 CrUX BigQuery 資料集的常見問題:

什麼時候應該使用 CrUX 資訊主頁,而非其他工具?

CrUX 資訊主頁會根據 BigQuery 提供的相同基礎資料,但您不必撰寫任何 SQL 指令碼即可擷取資料,也不必擔心會超出任何免費配額。設定資訊主頁非常快速,系統會自動產生所有視覺化資料,您也可以自行決定要與誰分享這些資料。

使用 CrUX 資訊主頁有任何限制嗎?

由於 CrUX Dashboard 是基於 BigQuery 建立,因此會繼承 BigQuery 的所有限制。這項功能僅限於月度精細程度的原始資料。

CrUX 資訊主頁也捨棄了 BigQuery 原始資料的部分多元性,以便簡化操作流程並提升便利性。舉例來說,指標分布僅會以「良好」、「需要改善」和「不良」等評估,而不會顯示完整的直方圖。CrUX 資訊主頁也會提供全球層級的資料,而 BigQuery 資料集則可讓您放大特定國家/地區。

如何自訂資訊主頁

這個頁面會詳細說明如何存取 CrUX 團隊維護的 CrUX 資訊主頁唯讀版本。如果您想建立自己的資訊主頁副本,以便編輯並顯示不同的視覺化資料,請參閱這份使用者指南瞭解詳情。請注意,建立自己的副本後,您必須手動更新月份,也無法使用官方資訊主頁新增的任何內容,例如新指標或其他資訊。