查看網站體驗指標擴充功能更新中的欄位資料

網站體驗指標擴充功能現在會顯示本地體驗與實際使用者體驗之間的關係。

網站體驗核心指標是評估使用者體驗的重要指標,因為只要使用者擁有良好的體驗,就能受惠網站體驗指標箱中的 Chrome 網站體驗指標擴充功能是其中一項工具,可顯示您瀏覽網頁時的成效資料。

網頁效能取決於許多因素,包括硬體和網路品質。您在電腦上的使用體驗可能會與大多數使用者有所不同。因此,網站體驗指標擴充功能 1.0 版提供一項新功能,可將 Chrome 使用者體驗報告 (CrUX) 的實際使用者資料與本機網站體驗核心指標的評估結果進行整合。這項功能會根據其他使用者瀏覽過相同網頁的情形,顯示您的本地測量結果。其中隨附令人耳目一新的 UI,我很高興能示範其運作原理。

CrUX 欄位資料

CrUX 是提供 Chrome 實際使用者體驗的公開資料集。這項功能支援 Search ConsolePageSpeed Insights 等網站體驗核心指標工作流程中的部分重要工具。BigQuery 的 CrUX 資料集CrUX API 中都能公開查詢數百萬個網站的原始資料。這項網站體驗指標擴充功能更新會整合 CrUX API 的網頁和來源層級的桌面資料。

使用者體驗資料分為三個定性評分:良好、需要改善、不佳。 網站體驗核心指標的指南會記錄每個分級使用的門檻:LCPFIDCLS。舉例來說,CrUX API 可指出特定網頁有 16% 的實際使用者體驗,會被評估為良好 LCP 低於 2.5 秒。

新版擴充功能 UI

網站體驗指標擴充功能的螢幕截圖,說明本機 LCP 體驗與實際使用者電腦資料的關聯性。
網站體驗指標擴充功能的螢幕截圖,說明本機 LCP 體驗與來自實際使用者電腦資料的關聯性。

在新的網站體驗指標擴充功能介面中,您的本機體驗納入了更廣泛的實際使用者體驗分佈。就像在購物中心一樣寬廣的地方,有一張大地圖標示了所有商店和「你目前在這裡」圖釘,方便你確認自己的方向並找到目的地。

CrUX 實際使用者資料的分佈情形,則以橫條呈現在各項指標的水平列中。在這些水平長條上,系統會將在地體驗顯示為單一點數。本機體驗在水平列上的位置,代表體驗與實際使用者分佈情形的相對位置。如此一來,當本機體驗與其他使用者明顯不同時,就能立即發現。舉例來說,如果您的 LCP 體驗速度緩慢,但只有 1% 的使用者有類似的體驗,就必須發生異常情況。

改回使用來源層級資料

網站體驗指標擴充功能的螢幕截圖,顯示來源層級的電腦欄位資料
網站體驗指標擴充功能的螢幕截圖,顯示來源層級的桌面欄位資料,針對 FID 結果顯示「Waiting for input...」。

部分網頁在 CrUX 資料集裡沒有網址層級資料。可能的原因 是網頁過於新建,系統尚未擷取網頁,或網頁的流量不足,無法納入資料集。 在這些情況下,網站體驗指標擴充功能會盡可能改回使用更精細的來源層級資料。這項資料代表網站上所有網頁的匯總使用者體驗,因此雖然這項資料可能不會立即與您的特定網頁體驗相關,但還是應提供關於使用者整體體驗網站的分析結果。

另一個常見的情況是查看「正在等待輸入...」訊息。這是因為 FID 是唯一需要評估使用者互動的 Core Web Vitals,因此在您與網頁互動之前,擴充功能不會有任何本機 FID 資料可顯示。

極端案例

網站體驗指標擴充功能的螢幕截圖,僅顯示本機資料;無法提供欄位資料。
Web Vitals 擴充功能的螢幕截圖,僅顯示本機資料;無法提供相關欄位資料。

使用擴充功能時,您可能會遇到一些較不常見的極端情況。

有可能整個來源的資料不足。在這種情況下,額外資訊只會顯示本地體驗的成效。

你與網頁的互動方式可能也會影響資料的關聯性。舉例來說,在背景分頁中載入網頁,整個時間都會計入 LCP 指標,直到您前景執行為止。如果在 90 秒後才切換至分頁,LCP 可能會顯示為 91.5 秒。發生這種情況時,LCP 值旁邊會顯示小警告圖示,警告您是否要進行人工加載。請注意,CrUX 資料集會略過這些不相關的 LCP 值。

另一個值得注意的極端案例是 FID 特有的。因為這取決於使用者互動,因此在網頁和網站瀏覽次數較少的情況下,不太可能在資料集中供使用者參考。因此,如果您造訪這類網頁,可能只會看到 LCP 和 CLS 的欄位資料。請特別注意,在極少數情況下,LCP 或 CLS 也可能會發生相同情況,但這個問題主要會受到 FID 的影響。

比較手機的現場資料

網站體驗指標擴充功能的螢幕截圖,顯示本機指標與手機欄位資料比較的結果。
網站體驗指標擴充功能的螢幕截圖,顯示本地指標與手機欄位資料的差異。

根據預設,網站體驗指標擴充功能中的所有資料都會對應至實際電腦版使用者的體驗。畢竟,這項擴充功能只能在電腦版 Chrome 上使用,因此在具備類似條件的情況下,有助於瞭解處於相同條件的網頁或來源使用者的情形。

瞭解手機使用者的體驗也相當重要,因此,這項擴充功能在「選項」頁面提供進階設定,可讓您比較本機體驗與來自實際的手機資料。

如要在擴充功能中啟用電話資料,請按照下列步驟操作:

  1. 在工具列的擴充功能圖示上按一下滑鼠右鍵,然後選取「選項」。
  2. 勾選「比較當地體驗與手機現場資料」選項。

UI 會在幾個位置更新,顯示您目前使用的模式。請注意,實際手機使用者和電腦使用者的體驗可能完全不同,因此請謹慎使用這項功能。

取得網站體驗指標擴充功能

如要開始使用最新版的網站體驗指標擴充功能,請前往 Chrome 線上應用程式商店安裝。或者,如果您是擴充功能的現有使用者,則應自動升級至 1.0 版。如果您對擴充功能使用體驗有任何意見 (例如功能要求、錯誤報告等),歡迎透過 GitHub 的開放原始碼存放區告訴我們。希望這有助於您進一步瞭解當地服務相較於所屬領域其他使用者的體驗。

圖片來源:Mark Garlick/Science Photo Library/Getty Images