Home 技術文章 如何衡量“我的站點”的核心Web生命體徵
Applications

如何衡量“我的站點”的核心Web生命體徵

About The Author

Outline

原始資料來源:Layer0

2021年4月,Google開始推出「頁面體驗更新」,其中包含排名演算法變更,優先考慮搜尋結果中效能最佳的網頁。 性能基於網站的核心Web Vitals (對用戶體驗有極大影響的網頁指標)。

繼續閱讀以快速了解您的網站是否通過了核心Web Vitals。

什麼是核心Web生理參數

作爲Google爲爲所有人創建更快Web的努力的一部分,Chrome團隊一直致力於標準化一組衡量用戶體驗網頁性能的指標。 核心Web Vitals已成為解決這一性能難題的重要組成部分;這些指標側重於載入,交互性和視覺穩定性。

核心Web生命體徵由以下指標組成:

  • 最大內容畫圖(LCP):測量顯示器上完全可見最大內容元素的時間。 2.5秒或更短的LCP被認為是良好的載入體驗。
  • 首次輸入延遲(FID):測量從用戶首次與頁面交互(單擊或點擊)到瀏攬器實際能夠響應該交互的時間。 100毫秒或更少的FIDS被認為是良好的交互體驗。
  • 累積布局偏移(CLS):測量用戶遇到意外布局偏移的頻率。 小於0.1的CLS被認為是一種視覺上非常穩定的體驗。

要通過核心Web生命體徵,上述每個指標都需要達到建議的目標,訪問您的網頁的所有用戶中有75%都要跨移動設備和臺式機設備進行細分。

如何測量核心Web生理參數

當網站通過核心Web生命體徵時,用戶放棄頁面的可能性降低24%。 也就是說,任何網站所有者都可以並且應該衡量這些指標。 檢查您的網站是否通過核心Web生命體徵的最簡單方法是通過PageSpeed Insights。

1.轉至https://developers.google.com/speed/pagespeed/insights

2。在搜尋框中鍵入您的網站URL,按Analyze (分析)並等待5-10秒

PageSpeed Insights分析器

3向下滾動到Field Data (字段數據)。 您將立即在條形圖上方的文本中查看您的站點是否通過了核心Web Vitals評估。

欄位數據

4.要評估核心Web生命體徵指標,請注意LCP,FID和CLS測量,仍在現場數據下。 藍色書籤符號也會標記這些。

最大內容油漆(LCP),首次輸入延遲(FID),累計布局偏移(CLS)

5檢查您的平均分數。LCP等於或小於2.5秒FIDS等於或小於100毫秒CLS等於或小於.1被認為是良好的用戶體驗。

平均度量資料

6。要確定是否通過單個Core Web重要指標,請檢查綠色欄中的百分比。 如果是75%或更高,您就通過了。 這意味著您的網頁在用戶訪問該指標的時間中至少有75%能提供良好的用戶體驗。

核心Web重要閾值–75百分位數

忽略實驗室數據

PageSpeed Insights頁面上既有實驗室數據,也有現場數據。欄位數據來自實際載入頁面並與頁面交互的真實用戶。 實驗室數據是在理想條件下通過受控測試進行測量的,不會捕獲實際瓶頸(即設備,網路條件,設定等)。

Google不會使用實驗室數據或Lighthouse性能分數對您的網站進行排名。 排名僅基於下圖中顯示的欄位數據。

等級基於“農田數據”

如何改善核心網路生理訊息

由於多種原因,您可能無法通過核心Web生命體徵。 PageSpeed Insights為LCP和CLS提供審計。 雖然不包括FID,但改善總阻塞時間(TBT)的優化也應改善現場的FID。

要查看您的審核,請執行以下步驟:

向下捲動至頁面的Opportunity區段,查看特定指標的稽核。

PageSpeed洞察機會

2。單擊要改進的指標,您將訪問更多深入的技術,以改善網頁上的載入時間,交互性或視覺穩定性。

PageSpeed Insights審核

通常,Core Web Vital失敗的常見原因有幾個。

最大的Contentful油漆容易受到以下因素的影響:

  1. 伺服器響應時間慢
  2. 渲染阻止JavaScript和CSS
  3. 資源載入時間長
  4. 客戶端呈現問題

首次輸入延遲受以下因素影響:

  1. 阻止主線程50毫秒或更長時間的長任務
  2. 第一方腳本執行延遲了交互準備
  3. JavaScript執行時間過長

視覺不穩定或累積版面配置偏移在下列情況下會造成問題:

  1. 圖像,影片或廣告會自行調整大小
  2. 字體加載較晚,顯示的字體比預期的大或小

有關如何修復這些問題的解決方案,請參閱此核心Web生理參數優化部落格。

準備您的網站以獲得良好的用戶體驗

到8月,Google將完全改變頁面體驗更新排名。 如果您的網站通過核心Web Vitals,您將看到更高的SEO和更低的跳出率。 更重要的是,您將提供卓越的體驗,使您的用戶能夠滿足其需求,讓其能夠留下來並返回。

Layer0構建了一個免費工具來跟蹤,測量和優化您的核心Web生命體徵。 您的網站不需要託管在Layer0上即可利用這些分析。 只需一個腳本標記,您就可以完成這項任務。

冰島最大的旅遊網站——冰島指南在進入Layer0平臺之前,未通過所有三項指標。 其網站速度提高了55 %,並通過了具有飛行色彩的核心網頁生理參數。

如果您對頁面體驗更新或如何加快網站速度有任何疑問,請立即與網站速度專家聯繫。 如果您準備試用該平臺,請在此處注冊!