「網站體驗核心指標」報表會根據實際使用資料 (有時稱為「現場資料」) 顯示網頁效能。如需進一步瞭解這項計畫,請參閱 Google 搜尋中心網誌。
研究顯示,網站體驗核心指標能提升使用者參與度和業務指標。例如:
- 研究顯示,若網站達到網站體驗核心指標的門檻要求,使用者放棄載入網頁的可能性會降低 24%。
- 最大內容繪製 (LCP) 指標每縮短 100 毫秒,Farfetch 的網站轉換率就會提高 1.3%。
- 將累計版面配置位移 (CLS) 指標降低 0.2,讓 Yahoo! Japan 的單次工作階段網頁瀏覽量提高 15%,工作階段持續時間延長 13%,跳出率則降低 1.72%。
- Netzwelt 不但改善了網站體驗核心指標,同時也提高了 18% 的廣告收益和 27% 的網頁瀏覽量。
- 將 CLS 從 1.65 降低至 0,使 redBus 在全球的網域排名大幅提升。
解讀報告
網站體驗核心指標報告會根據狀態 (不良、需要改善、良好)、指標類型 (CLS、FID、LCP),以及網址群組 (由類似網頁組成的群組) 等條件,分組顯示網址效能。
報告是根據實際使用者資料評估的三項指標產生:LCP、FID 和 CLS。一旦網址達到任何指標的資料量門檻,網址群組的狀態顯示的就是效能指標中表現最差指標的狀態。舉例來說,如果網址群組的 CLS 速度低落但 FID 速度良好,網址狀態就會是「速度低落」。
如果系統為某個網址收集的報表資料量未達到某項指標的最低門檻,報表中就不會列出該網址。
這份報表只會顯示已建立索引的網址,資料會指派給實際網址,而不是多數報表中會採用的標準網址。
提醒你,所有位置的所有要求資料皆會合併計算。假設來自某個網際網路連線速度緩慢的國家/地區流量相當龐大,整體效能就會降低。如果你認為這可能是成效不彰的原因,可以使用 BigQuery 來細分各國家/地區的成效。
如果畫面顯示「目前沒有資料」,可能代表你的資源過新,因此 Search Console 還沒有相關資料;或者 CrUX 報表的資料不足,無法針對選定的裝置類型 (電腦或行動裝置) 提供有意義的資訊。
如果你的資源是新資源:不論網址是否為 Search Console 資源的一部分,CrUX 資料庫都會收集網址的相關資訊。但建立資源後,我們可能需要幾天的時間才能完成分析,並發布 CrUX 資料庫現有的任何資料。
你可以運用 PageSpeed Insights 測試工具、Chrome Lighthouse 工具或 AMP 網頁體驗指南 (適用於 AMP 網頁),測試個別網址的即時效能。
瀏覽報表
報告會顯示兩種網址表格,其中一種表格是針對各平台 (行動裝置或電腦) 列出「不良」或「需要改善」的問題網址 (未將網址視為優質網址的原因),而另一種表格則列出在 LCP、FID 和 CLS 三方面皆為「良好」的網址 (查看優質網址的相關資料)。
- 針對所有平台查看到達網頁的一般趨勢圖表。
- 按一下任一圖表旁的「開啟報告」,即可依平台 (行動裝置或電腦) 下鑽查詢。
- 如要根據過往的使用者資料查看網站中的網址效能,請在效能圖表中按「不良」、「需要改善」或「良好」等分頁標籤做切換。
- 查看「未將網址視為優質網址的原因」表格列出的效能問題清單。這裡顯示的每個網址都代表不同的網址群組。
- 在問題詳細資料頁面的「示例」表格中點選任一網址,即可查看該網址群組的詳細資訊。
總覽頁面
「網站體驗核心指標」報表的總覽頁面會根據用來查看網址的裝置類型 (行動裝置或電腦) 細分資料。資料會按網址狀態 (「不良」、「需要改善」或「良好」) 分組,而網址群組會依據表現最弱的那項指標來顯示狀態為何。
開啟特定裝置類型的報表,即可查看該類型裝置的詳細效能資料。
行動裝置和電腦的摘要頁面
平台 (行動裝置或電腦) 的摘要報告會依據網站上系統已取得資料的網址群組顯示狀態和問題。點選詳細資料表格中的任一列,即可進一步研究特定狀態與特定問題類型組合。
圖表
圖表上方的分頁標籤會顯示目前處於各個狀態的網址 (而非網址群組) 總數,以及該狀態中的問題數量。你可以藉由切換分頁標籤,選擇要在圖表中顯示哪些狀態,圖表會顯示在指定日期處於指定狀態的網址數。
表格
表格會依照狀態和問題將網址分組列出,每列資料包含驗證狀態、該列「走勢」(以簡化的時間軸顯示),以及目前處於該速度狀態和問題狀態的網址數量。
如果網址受到多個問題影響,則可能出現在多個表格資料列中。
行動裝置或電腦的問題詳細資料頁面
在行動裝置或電腦的頂層摘要頁面中按一下表格資料列,即可開啟該組合 (裝置 + 狀態 + 問題) 的詳細資料頁面,其中會顯示所選問題的相關網址和其他詳細資料。
圖表
問題詳細資料圖表會顯示在特定日期受到特定狀態和問題組合影響的網址數,以及目前總共有多少網址受到所選狀態和問題影響。
表格
問題詳細資料表格會顯示受到所選問題影響的一組示例網址。每個示例網址都是一組類似網址的其中一個項目。
表格中包含下列資訊:
- 網址:表格中的每一列皆代表一組類似網址。
- 如果網頁的狀態不佳:系統會根據你正在查看的問題,在下方顯示相關資料欄。請注意,單一網址可能會受到多個問題影響,但系統只會顯示所選問題適用的資料欄。
只要點選示例網址,即可查看所屬群組中的幾個其他網頁,還能瞭解該群組的其他資訊和外部測試的執行連結。表格上限為 200 列。
- 「網站體驗核心指標」會將資料和狀態結合成「網址群組」,PageSpeed Insights 通常會針對個別網址顯示資料 (除非網址本身資訊不足)。在 PageSpeed Insights 中,特定網址的統計資料可能會與「網站體驗核心指標」中的群組結果不符,因為個別網址可能對於所屬群組來說是離群網址。
- 網站體驗核心指標網址會在區分網頁時加入網址參數;PageSpeed Insights 會從網址中移除所有參數資料,然後將所有結果指派給原始網址。
這份報告的設計初衷不是要讓你查詢特定網址的狀態,而是呈現你的網站整體效能,並協助排解影響網站中多個網頁的問題。如要查看特定網址的效能資料,請利用外部測試。雖然你可以下鑽細查狀態和問題,並查看受影響的特定網址,但要利用網站體驗核心指標報表找出特定網址的資料可能並不容易。
報表資料來源
「網站體驗核心指標」報表的資料取自 CrUX 報表。我們會以匿名方式向造訪網址的實際使用者收集資料,進而彙整成 CrUX 報表中的效能時間匿名指標 (亦稱為「現場資料」)。不論網址是否為 Search Console 資源的一部分,CrUX 資料庫都會收集網址的相關資訊。
群組狀態:速度低落、需要改善、速度良好
系統會根據網址在特定類型裝置上的效能,套用「速度低落」、「需要改善」和「速度良好」標籤。
網址狀態
網址狀態指的是系統判定網址在該裝置類型上的最慢速狀態。舉例來說:
- 如有網址在行動裝置上的 FID 標示為「不良」,但 LCP 為「需要改善」,系統會判定該網址在行動裝置上效能「不良」。
- 如有網址在行動裝置上的 LCP 標示為「需要改善」,但 FID 為「良好」,系統會判定該網址在行動裝置上的效能「需要改善」。
- 如有網址在行動裝置上的 FID 和 CLS 為「速度良好」,但沒有 LCP 資料,系統會判定該網址在行動裝置上「速度良好」。
- 如果某網址在行動裝置上的 FID、LCP 和 CLS 為「良好」,在電腦上的 FID、LCP 和 CLS 為「需要改善」,那麼該網址會標示為在行動裝置上效能「良好」,在電腦上的效能則「需要改善」。
如果系統為某個網址收集的資料量未達到某項指標的門檻,該網址的報表中就不會列出這項指標。如果網址只有一項指標的資料,系統便會根據該項指標判定狀態。如果網址未達任何指標的資料量門檻,就不會顯示在報告中。
狀態定義
系統會根據下列範圍來評估狀態指標:
速度良好 | 需要改善 | 速度低落 | |
---|---|---|---|
LCP | 2.5 秒以下 | 4 秒以下 | 超過 4 秒 |
FID | 100 毫秒以下 | 300 毫秒以下 | 超過 300 毫秒 |
CLS | 0.1 以下 | 0.25 以下 | 超過 0.25 |
- LCP (最大內容繪製):從使用者要求網址時開始,轉譯可視區域中最大可見內容元素所需的時間。最大元素通常是圖片或影片,也可能是區塊層級大型文字元素。LCP 的重要性在於可讓使用者瞭解網址確實在進行載入作業。
- 報表中顯示的「群組 LCP」代表 75% 的使用者造訪群組內特定網址時,達到 LCP 狀態所需的時間。
- FID (首次輸入延遲時間):自使用者首次與網頁互動起算 (例如點選連結、輕觸按鈕等),到瀏覽器回應該互動所需的時間。這項測量作業是針對使用者首次點選的互動式元素進行。對於需要使用者主動操作的網頁來說,這個時間點非常重要,因為網頁在此之後才會變為互動式網頁。
- 報表中顯示的「群組 FID」代表有 75% 的使用者造訪此群組內特定網址時所獲得的最低值。
- CLS (累計版面配置位移):CLS 能針對使用者開啟網頁期間,加總計算每一次非預期版面配置位移的評分。分數評分範圍為 0 到任何正數,其中 0 表示沒有任何位移,而數字越大表示網頁上發生的位移越多。這項指標的重要性在於,如果網頁元素在使用者嘗試與網頁互動時移動了位置,會對使用者體驗造成負面影響。如果你找不到評分過高的原因,請嘗試與網頁互動,就能瞭解獲得該評分結果的原因。
- 報表中顯示的「群組 CLS」代表 75% 的使用者造訪群組內特定網址時一般最低的 CLS 值。
如需這些問題的修正建議,請執行外部測試。
網址群組
報表中的網址會歸入使用者體驗類似的網頁。指標和狀態是在群組層級指派 (特定指標的個別網址可能與群組不同)。我們假設這些網址具有共通的架構,而群組出現不良行為,可能是出於相同的潛在原因。
群組或網址必須有足夠資料才會在報告中顯示。
修正問題
一般使用者 (不具專業技術)
網站開發人員
- 排定問題的優先順序:建議你先修正所有標示為「不良」的網址,並且優先修正影響最多網址或是影響最重要網址的問題。至於標示為「需要改善」的網址,由於修正迫切性低於「不良」網址,可留待稍後改善。
- 指定群組中顯示的網址會依曝光次數 (由高至低) 排序,因此頂端的網址對群組狀態的影響最大。按顯示順序修正網址能夠對狀態產生最佳效果,不過我們還是建議你盡可能修正網址。請注意,如果群組很接近某個狀態的邊緣,狀態可能會因群組清單最下方的少數網址而產生變化。
- 建議你詳閱《web.dev 快速載入指南》和網站基礎知識的效能頁面 (developers.google.com),瞭解改善網頁速度的原理與指南。
- 透過外部測試取得網頁修正建議。
- 利用外部測試來測試修正結果。
- 如果認為某個問題已成功修正,請開啟 Search Console 網站體驗核心指標報告,並點選問題詳細資料頁面中的「開始追蹤」。
- 追蹤驗證程序。
其他實用資源:
- 認識並改善網頁載入時間的指南
- Lighthouse:評估網頁效能的開放原始碼工具
- 其他評估網頁效能的 Google 工具
- 如要針對網頁的 LCP、FID 等指標執行其他測試,請參閱以使用者為中心的效能指標。
我沒有變更網站,但是網站的狀態改變了
如果你的網站沒有經過任何調整,網站上許多網頁的狀態卻出現明顯變化,這可能是因為很多網頁的速度狀態本來就在臨界點,加上發生了一些影響整個網站的事件,才導致網頁的速度狀態改變。舉例來說,如果網站流量突然大幅增加,或是你的圖片檔存放服務有延遲時間異動,這些都可能造成網站速度變慢。即使只對整個網站做出一點小改動,就足以讓許多勉強處於「速度良好」狀態的網頁落入「需要改善」類別,或是從「需要改善」變成「速度低落」。
另一個可能性較低的原因是用戶端出現大規模變化,例如廣泛採用某個瀏覽器版本更新,或是有一群使用者都在使用速度較慢的網路。提醒你,系統是根據實際的使用資料來衡量網頁效能。你可以檢查自己的記錄,看看網站狀態變化的時間點是否恰巧有任何瀏覽器、裝置或位置異動。
請檢查你的網站在這段期間的流量是否出現劇烈起伏,並且仔細研究特定問題,查看受影響網頁的群組 LCP/FID/CLS 數據。如果這些數據都剛好落在速度低落/需要改善/速度良好的邊界,就可能是因為某種小改動造成網頁狀態改變。
驗證修正結果
修正所有網址中的特定問題後,你可以確認所有網址是否皆已恢復正常。只要點選「開始追蹤」,系統就會啟動為期 28 天的監控期,檢查網站中是否還有網址存在同樣問題。如果網站中任何網址在這 28 天內皆未發生問題,問題就會視為已成功修正。不過,只要任一網址出現問題,我們就會將問題標為未修正。請注意,不論問題狀態為何,系統對於個別網址狀態的評估都會持續到 28 天結束為止。
- 你可以針對處理中或失敗的驗證要求,查看驗證詳細資料:
- 請前往問題詳細資料頁面,找出「驗證狀態」部分並點選「查看詳細資料」。
- 你也可以隨時重新啟動驗證追蹤期:
- 請開啟驗證詳細資料頁面,然後點選「要求重新驗證」。
- 如果驗證失敗,請執行以下操作:
- 再次嘗試修正問題。
- 開啟驗證詳細資料頁面,然後點選「要求重新驗證」,藉此重新啟動追蹤期。
問題驗證狀態
這是驗證要求的整體狀態,摘要頁面的每個問題 (以及問題詳細資料頁面) 都會顯示這個狀態。
可能的驗證狀態如下:
- 未開始:有一或多個網址含有這個問題的例項,而你從未要求驗證。
- 已開始:你已要求驗證,而我們目前還沒找到其他問題個案。
- 沒有問題:已開始進行驗證,且目前檢查過的所有網址均已修正該問題。
- 通過:所有網址均處於「通過」狀態。你必須點選「驗證修正後的項目」,網址才有可能變成這個狀態。如果例項是在你未要求驗證的情況下消失,狀態會變更為「不適用」。
- 不適用:雖然你未要求驗證,但 Google 發現所有網址均已修正該問題。
- 失敗:在你要求驗證後,有一或多個網址處於「失敗」狀態。
網址驗證狀態
這是驗證程序頁面所列出的各網址驗證狀態。系統會在有效驗證期間內顯示狀態:「待處理」、「通過」或「失敗」。驗證期間結束後,只有「失敗」狀態會繼續顯示,已修正的項目在驗證期間過後就會從清單中移除。
- 待處理:Google 須收集足夠的資料,才可以判定網址是否仍受到影響。
- 通過:網址似乎不再受問題影響。
- 失敗:網址仍受到所列的問題影響。
只有在驗證追蹤期間,網址才會出現「通過」與「失敗」的狀態。驗證要求範圍以外的網址如出現問題,但之後問題卻自行消失,那麼網址就只會從清單中消失,不會標上任何狀態。
凡是從網路移除,且過去 28 天內沒有資料的網址,將不再顯示在驗證記錄或報表中。
網站體驗核心指標報告提供兩種外部測試工具的連結,用途為執行額外的網頁測試。工具種類會因網頁類型而異:
- 非 AMP 網頁:PageSpeed Insights 測試工具會回報網頁在電腦和行動裝置上的效能,並提供該網頁的改進建議。這項測試會顯示即時測試資料,以及使用者實際造訪網站的資料。請注意,PageSpeed Insights 中的資訊可能會與「網站體驗核心指標」報表中的資訊不同。瞭解原因。
- AMP 網頁:AMP 網頁體驗指南針對 AMP 網頁提供詳盡的即時測試,包括網站體驗核心指標和網頁體驗指標。這項測試會顯示即時測試資料,以及使用者實際造訪網站的資料。
在摘要頁面的「詳細資料」表格中依序點選狀態列和示例網址,然後在「示例詳細資料」窗格中將滑鼠游標懸停在類似網址上,即可看到示例網址旁邊顯示上述工具的連結。你也可以造訪這些工具的頁面,並且自行提供網址。
此外,你還能使用 Chrome 瀏覽器內建的測試工具:Chrome Lighthouse 工具。