Home 技術文章 如何測量”我的網站”的核心Web虛擬化
Applications

如何測量”我的網站”的核心Web虛擬化

About The Author

Outline

原始來源:Layer0

2021年4月,谷歌開始推出頁面體驗更新,其中包括一項排名算法更改,有利於搜尋結果中表現最好的網頁。 性能基於網站的核心Web Vitals,這是一種對用戶體驗有重大影響的網頁指標。

請繼續閱讀以快速瞭解您的網站是否通過核心Web虛擬化。

什麼是Core Web Vitals

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

以下指標構成核心Web虛擬化:

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

要通過Core Web Vitals,上述每項指標都需要達到75%訪問您的網頁的所有用戶的建議目標,這些用戶分段在移動設備和桌面設備上。

如何測量核心Web Vitals

當站點通過Core Web Vitals時,用戶放棄頁面的可能性降低24%。 儘管如此,任何網站所有者都可以並且應該衡量這些指標。 檢查您的網站是否通過其核心Web虛擬化的最簡單方法是通過PageSpeed Insights。

1.訪問 https://developers.google.com/speed/pagespeed/insights

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

PageSpeed Insights分析儀

3.向下滾動到 欄位數據。 您可以立即在條形圖上方的文本中看到您的站點是否通過了核心Web Vitals評估。

欄位數據

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

最大Contentful Paint (LCP),首次輸入延遲(FID),累積佈局偏移(CLS)

5.檢查您的平均得分。 2.5秒或更短的LCP100毫秒或更短的FIDS0.1或更短的CLS 被認爲是良好的用戶體驗。

平均度量資料

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

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

忽略實驗室數據

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

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

排名基於欄位數據

如何改善您的核心網站虛擬化

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

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

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

PageSpeed洞察機會

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

PageSpeed Insights審覈

一般而言,核心Web Vital失敗的原因有幾個。

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

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

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

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

視覺不穩定(即累積佈局偏移)是以下情況下的問題:

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

有關如何解決這些問題的解決方案,請參閱此Core Web Vitals Optimization部落格。

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

到8月,Google將徹底更改頁面體驗更新排名。 如果您的網站通過了Core Web Vitals,您將看到更高的SEO和更低的跳出率。 更重要的是,您將提供一種令人滿意的體驗,足以滿足您的用戶留下和回來。

Layer0構建了一個免費工具來跟蹤,測量和優化您的Core Web Vitals。 您的站點無需託管在Layer0上即可利用這些分析。 只需一個 腳本標籤即可實現。

冰島最大的旅遊網站《冰島指南》在進入Layer0平臺之前,未通過所有三個指標。 其網站速度提高了55%,並通過了具有飛行色彩的Core Web Vitals。

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

Tags

Just For You