使用 CrUX 資訊主頁以視覺化方式呈現 BigQuery CrUX 資料
CrUX 資訊主頁是 Looker Studio (原稱「數據分析」) 資訊主頁,可連結至 BigQuery 中的原始來源層級 CrUX 資料,並為您製作圖表資料。免去資訊主頁使用者撰寫任何查詢或產生任何圖表的麻煩。這款應用程式的功能專為你打造,只要提供來源,系統就會為你產生資訊主頁。
存取 CrUX 資訊主頁
如要啟動 CrUX 資訊主頁,請輸入來源或網址,然後按下 Enter 鍵,或按一下「前往」:
接著,您就可以分享資訊主頁網址並加入書籤,方便日後參考。
是否適用於所有網站?
否。如果 CrUX 資料集未納入來源,系統就不會顯示任何資料。資料集有超過 1, 500 萬個來源,但您想要使用的資料可能不足。
部分來源常見問題提供的通訊協定有誤,例如提供 http://
而非 https://
,且會在必要時省略子網域。有些網站會重新導向,因此如果 http://example.com
會重新導向至 https://www.example.com
,則應使用後者,也就是來源的標準版本。
使用自訂搜尋引擎存取資訊主頁
另一種方法則是針對經常造訪不同網域的使用者,在 Chrome 中設定自訂搜尋引擎,這樣就能將搜尋字詞 (在本例中是來源) 傳送至網址。方法是透過 Chrome 右上方的三點圖示選單,前往 Chrome 設定頁面。進入 [設定] 後,選擇 [搜尋引擎] 選項。
![「搜尋引擎」的 Chrome 設定螢幕截圖,「管理搜尋引擎和網站搜尋」頁面](https://developer.chrome.google.cn/static/docs/crux/dashboard/image/chrome-settings-search-e-0640445b71325.png?authuser=5&hl=zh-tw)
從這裡展開「管理搜尋引擎和站內搜尋」,接著捲動至「站內搜尋」,按一下「新增」按鈕,然後輸入下列詳細資料:
- 搜尋引擎:
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 的網址。](https://developer.chrome.google.cn/static/docs/crux/dashboard/image/chrome-add-search-engine-32c7f40a9ab4a.png?authuser=5&hl=zh-tw)
之後,當您在搜尋列中輸入 crux
並按下 tab
時,可以輸入來源,而 Chrome 會瀏覽至該來源的 CrUX 資訊主頁。
![顯示「Search CrUX」指令的 Chrome 網址列螢幕截圖。](https://developer.chrome.google.cn/static/docs/crux/dashboard/image/using-custom-search-engi-d72e7cc8c7578.png?authuser=5&hl=zh-tw)
如果您省略通訊協定,系統會採用 HTTPS。系統會將子網域 (例如 https://developers.google.com
和 https://www.google.com
) 視為不同的來源。
如果 CrUX 中已有來源,系統會將您帶往資訊主頁,並填入這個來源的 CrUX 資料:
![適用於 developer.chrome.com 的 CrUX 資訊主頁螢幕截圖,顯示「Core Web Vitals」的初始畫面。](https://developer.chrome.google.cn/static/docs/crux/dashboard/image/crux-dashboard.png?authuser=5&hl=zh-tw)
資訊主頁總覽
每個資訊主頁都含有三種頁面:
- 網站體驗核心指標總覽
- 指標成效
- 使用者客層
每個頁面都會有一張圖表,顯示每個可用每月版本一段時間內的分佈情形。新資料集發布後,您可以重新整理資訊主頁來取得最新資料。
每月資料集會在每個月的第二個星期二發布。例如,由 5 月使用者體驗資料構成的資料集會在 6 月的第二個星期二發布。
網站體驗核心指標總覽
第一個頁面是來源每月的網站體驗核心指標成效總覽。這些是 Google 建議專注於的使用者體驗指標。
![CrUX 資訊主頁,提供「網站體驗核心指標」總覽的完整頁面螢幕截圖,顯示這個網站的 LCP、INP 和 CLS 等詳細資訊。](https://developer.chrome.google.cn/static/docs/crux/dashboard/image/crux-dashboard-core-web-vitals.png?authuser=5&hl=zh-tw)
使用「網站體驗核心指標」頁面,瞭解電腦與手機使用者對來源體驗的感受。根據預設,系統會選取您建立資訊主頁時最近一個月的資料。如要在較新或較新的每月版本之間進行切換,請使用頁面頂端的「月」篩選器。
指標成效
「網站體驗核心指標」頁面之後,您會看到 CrUX 資料集內所有metrics的獨立頁面。
![CrUX 資訊主頁 LCP 頁面的螢幕截圖,顯示 10 個月以來良好、需要改善和 LCP 資料不佳的堆疊長條圖。](https://developer.chrome.google.cn/static/docs/crux/dashboard/image/crux-dashboard-lcp-page-60e7ce653f87f.png?authuser=5&hl=zh-tw)
每個頁面頂端都有「裝置」篩選器,可用來限制體驗資料中包含的板型規格。舉例來說,你可以進一步深入分析手機使用體驗。這項設定會保留在其他頁面。
這些頁面的主要圖表是分類為「良好」、「需要改善」和「不佳」的每月發布體驗。圖表下方的圖例會以不同顏色標示,指出類別提供的體驗範圍。舉例來說,在上一個螢幕截圖中,可以看到「良好」最大內容繪製 (LCP) 體驗的百分比在最近幾個月內略微波動,但情況稍微惡化。
圖表上方會顯示最近一個月的「良好」和「不良」體驗百分比,並指出與上個月相比的百分比差異。就此來源而言,「良好」 LCP 體驗量逐月下降了 0.8% 至 83.25%,過去 75% 的使用者的運動次數是每月 1,500 次,「品質不佳」的 LCP 體驗也增加了 3.6% (數量會上升,以紅色表示) 為 7.42%。請注意,移動百分比是實際的百分比運動,而非百分比點移動,例如 83.93% 至 83.25% 為 0.68% 的百分比移動,或者在前一總的 83.93% 中減少 0.8%。
此外,如果 LCP 等網站體驗核心指標等指標提供明確的百分位數建議,則「良好」和「低」百分比之間會顯示「P75」指標。這個值對應使用者體驗的第 75 個百分位數。換句話說,75% 的服務體驗比這個價值來得好。不過請注意,這項數據反映的是來源中所有裝置的整體分佈情形。如果透過「裝置」篩選器切換特定裝置,系統不會重新計算百分位數。
百分位數相關技術注意事項
請注意,百分位數指標是以 BigQuery 的直方圖資料為依據,因此精細程度較低:LCP 為 100 毫秒、INP 為 25 毫秒,CLS 則為 0.05。也就是說,如果 P75 LCP 為 3800 毫秒,代表實際第 75 個百分位數在 3800 毫秒到 3900 毫秒之間。
此外,BigQuery 資料集也使用稱為「特徵分塊」的技術,其中使用者體驗的密度自然會分入非常不精確的區塊,以降低精細程度。這讓我們得以在分佈的尾部加入分鐘密度,而無須超過四位數的精確度。例如,少於 3 秒的 LCP 值會分組為寬度 200 毫秒的特徵分塊。介於 3 到 10 秒之間,特徵分塊寬度為 500 毫秒。超過 10 秒,特徵分塊寬度為 5000 毫秒... 特徵分塊不會有不同寬度的特徵分塊,特徵分塊能夠確保所有特徵塊的寬度固定為 100 毫秒 (最大的公除數),且分佈是線性內插到各個特徵分塊中。
在 PageSpeed Insights 等工具中,對應的 P75 值並非以公開 BigQuery 資料集為依據,因此能夠提供毫秒精確度值。
使用者客層
使用者客層頁麵包含兩種維度:裝置和有效連線類型 (ECT)。透過這些頁面,您可以瞭解各個客層中整個來源的使用者網頁瀏覽比率。
「裝置發布」頁面會顯示手機、電腦和平板電腦使用者的變化趨勢:
![CrUX 資訊主頁裝置頁面的螢幕截圖,顯示過去 10 個月內的手機、電腦和平板電腦分佈情形。](https://developer.chrome.google.cn/static/docs/crux/dashboard/image/crux-dashboard-device-pag-b120ce65199a.png?authuser=5&hl=zh-tw)
許多來源通常只有少數或完全沒有平板電腦資料,因此圖表邊緣通常會固定「0%」。
同樣地,「ECT 發布」頁面會顯示 4G、3G、2G、緩慢 2G 和離線體驗的細目。
這些維度的分佈情形是根據「首次顯示內容所需時間」(FCP) 直方圖資料區隔計算。
常見問題
以下列舉幾個有關 CrUX BigQuery 資料集的常見問題:
何時該使用 CrUX 資訊主頁和其他工具?
CrUX 資訊主頁是以 BigQuery 可用的相同基礎資料為基礎,但您不必編寫任何一行 SQL 即可擷取資料,而且不必擔心超出免費配額。設定資訊主頁既快速又簡單,系統會為您產生所有圖表,您還能自行控管與任何對象共用。
CrUX 資訊主頁是否有任何限制?
以 BigQuery 為基礎,表示 CrUX 資訊主頁也會沿用所有限制。每月只提供來源層級資料。
CrUX 資訊主頁也會捨棄 BigQuery 中部分原始資料的多功能性,以便使用簡單又便利。例如,指標分佈只能指定為「良好」、「需要改善」和「不佳」,而非完整直方圖。CrUX 資訊主頁也提供全球層級的資料,而 BigQuery 資料集則能讓您放大特定國家/地區的資料。
如何自訂資訊主頁
這個頁面會詳細說明如何存取由 CrUX 團隊維護的 CrUX 資訊主頁的唯讀版本。如要建立自己的資訊主頁副本,以便自行編輯以顯示不同的圖表,請參閱這份使用手冊瞭解更多資訊。請注意,自行建立副本時,您必須手動更新月份,而且加入官方資訊主頁新增的內容 (例如新指標或其他資訊) 就不會受到影響。