Home Blogs 87%的電子商務網站都無法通過Google的核心Web Vitals
Applications

87%的電子商務網站都無法通過Google的核心Web Vitals

About The Author

Outline

多年來,Google提供了多種工具來衡量和報告網站性能。 作為這些努力的一部分,搜尋巨頭在2016年推出了移動優先索引,在2017年推出了”加速移動頁面”(AMP),在2019年推出了”速度更新”。 即將推出的Page Experience更新將更改排名算法,使載入速度緩慢或互動性較低的網站排名低於當前排名。 此更新計劃於2021年5月推出,並將在Google SERP上顯示網站的速度。

Goog

這對於依賴搜尋流量的電子商務網站尤其重要。 它們還以其大型目錄,個性化和動態定價而聞名,這往往會給頁面載入帶來寶貴的時間。 電子商務網站需要提昇速度優化遊戲,以保持他們來之不易的排名,流量和收入。

Page Experience更新基於三個面向消費者的關鍵指標,稱為Core Web Vitals (CWV):最大Contentular Paint (LCP),First Input Delay (FID)和Cumulative Layout Shift (CLS)。 如果在至少75%的真實用戶頁面負載上,您沒有達到Google針對每個指標的閾值,則不能通過核心Web生命體徵。 不幸的是,目前只有13%的電子商務網站通過了

在這篇文章中,我們將了解每個Core Web Vital,它的含義以及它的衡量方式。

如何衡量核心Web生命體徵

核心Web生命體徵是通過Chrome用戶體驗報告(CRUX)進行測量,該報告基於人們瀏攬Web (也稱為RUM)的實際體驗。 每個CWV都使用不同的閾值來視為良好,需要改進或差。

儘管每個指標的閾值各不相同,但它們都有一個共同點:Google在將頁面分類為這些組時使用75百分位數。 換句話說,頁面必須達到至少75%的用戶的“好”,才能被視為為特定指標提供良好的用戶體驗。

並非所有優化速度的人都會以必要的口徑移動針頭,以獲得搜尋巨頭的尊重(和排名)…

最大Contentful塗料(LCP)

最大內容畫圖(LCP)用於測量最大內容元素在顯示器上完全可見的時間。 對於電子商務,這通常是商品或主要圖片載入時。 至少75%的用戶的2.5秒或更少LCP將通過核心Web生命體徵中的LCP指標。

首次輸入延遲(FID)

First Input Delay (首次輸入延遲)(FID)用於測量從用戶第一次與頁面交互(單擊,點擊或按鍵)到瀏攬器能夠響應該交互的時間。 100毫秒或更短時間(75%的時間)的FIDS被認為是良好的通過體驗。

累計版面配置偏移(CLS)

Cumulative Layout Shift (CLS)用於測量用戶遇到意外布局偏移或混亂的頻率。 您可能已經看到這種情況—在您有機會很好地了解第一款產品之前,頁面會“反彈”(或偏移)以重新調整布局。 谷歌認為CLS低於0.1至少有75%的時間是良好的體驗。

爲了評估這些閾值的實現程度,我們分析了近7,000個美國流行的電子商務站點,發現目前平均水平的電子商務站點未通過Google的CWV。 事實上,我們發現,美國有87 %的電子商務網站未能達到所有這三個指標的閾值。

只有13%的電子商務網站通過了核心Web基本要素

我們分析了近6,500個美國領先電子商務網站的移動主頁,根據Google的crux數據庫數據評估其LCP,FID和CLS速度。 我們發現,在所有13個核心Web重要指標中,只有50%達到了“良好”的標準。 換句話說,一般的電子商務站點並沒有為Google的2021年5月頁面體驗更新做好準備。

通過打造更廣泛的網路,我們研究了為三個核心Web生命體徵中的至少一個提供良好體驗的域。 這導致了巨大的差異,近97%的電子商務網站通過了一個或多個核心Web生命體徵指標的基準;然而,令人震驚的是,通過的網站中有93%的網站通過了相同指標:首次輸入延遲。 對於電子商務站點來說,最大的Contentful Paint和累積版面配置偏移的基準測試似乎更難通過。

LCP百分位數

最大的Contentful Paint標誌著用戶感知頁面將要載入的點,使其成為用戶體驗的關鍵部分。 我們發現只有38%的電子商務網站通過了2.5秒的LCP閾值。 在Edgio,這有點令人失望,因為我們的目標是(並實現)客戶的低於500毫秒的中位數LCP,例如旋轉,Kate Spade和Sharper Image。

儘管如此,事實上,有更多的站點在2.5秒或更短時間內交付LCP—75%的負載並未達到Google的標準。 Hobby Town,Sears和Blue Bottle Coffee在超過90%的用戶中達到了90分,而Peloton,Dollar Saver Club和Tory Burch等其他品牌的用戶中,可以為20%的用戶提供低於2.5秒的LCP。

FID百分位數

電子商務網站正在通過第一次使用飛色的輸入延遲基準。 事實上,我們發現,70%的電子商務網站在93毫秒或更短時間內提供航班資訊交換系統。 值得一提的是,Tesla,Tom Ford,John Deere,StitchFix和Revlon都能以95毫秒或更短的時間為超過90%的用戶提供FIDS。

CLS百分位數

對於電子商務站點來說,”累積版面配置偏移”似乎是最具挑戰性的CWV。 只有30%的電子商務網站至少有75%的時間提供0.1分或以下的分數。 一半的網站只能滿足63%負載的CLS閾值。

Netflix,Juicy Couture,CIF Bar和23andMe是少數幾個向超過90%的用戶提供CLS分數0.1分的站點。 另一方面,Roku,Lucky Brand,Kendra Scott和Toms無法在超過20 %的負載上提供0.1 CLS分數。

在這篇部落格文章中了解如何優化每個Core Web Vital

前13個百分點的就業機會會上升

並非所有優化速度的人都會以獲得搜尋巨人的尊重(和排名)所需的口徑移動針頭;然而,那些確實值得一定的認可。 13%的電子商務站點都戰勝了Google看似不可能的核心Web生命體徵測試,超過了每個CWV指標的閾值。 知名品牌包括Amazon,Ebay,Hershey Company,Rakuten和Etsy。

下麵是30個通過核心Web生命體徵的可識別電子商務網站的列表:

  1. ‍https:// bluebottlecoffee.com
  2. ‍https:// lakersstore.com
  3. ‍https:// lokai.com
  4. ‍https:// milbstore.com
  5. ‍https:// shop.hersheys.com
  6. ‍https://guidetoiceland.is/
  7. ‍https:// us.polaroid.com
  8. ‍https:// www.1800petmeds.com
  9. ‍https:// www.23andme.com
  10. ‍https:// www.adidasoutdoor.com
  11. ‍https:// www.amazon.com
  12. ‍https:// www.birchlane.com
  13. ‍https:// www.brandymelvilleusa.com
  14. ‍https:// www.ebay.com
  15. ‍https:// www.etsy.com
  16. ‍https:// www.farmfreshtoyou.com
  17. ‍https:// www.fromyouflowers.com
  18. ‍https:// www.hobbylobby.com
  19. ‍https:// www.hobbytown.com
  20. ‍https:// www.houzz.com
  21. ‍https:// www.juicycouture.com
  22. ‍https:// www.kleankanteen.com
  23. ‍https:// www.netflix.com
  24. ‍https:// www.rakuten.com
  25. https://www.roguefitness.com
  26. ‍https:// www.rubbermaid.com
  27. ‍https:// www.soul-cycle.com
  28. ‍https:// www.speedwaymotors.com
  29. ‍https:// www.spiritshop.com
  30. ‍https:// www.wayfair.com

向這些公司致敬! 5月2021日之後,他們可能會在SERP排名首位,並以閃電般的體驗贏得消費者的心。

冰島最大的線上業務與Edgio在燈塔上提供的體驗比99的亞秒

要使網頁載入時間縮短幾秒鐘並提供即時購物體驗,網站必須在其堆棧中擁有正確的工具,包括AMP,SSR,便攜式前端和高邊緣暫存命中率。 有了這一點,無論您有多少頁,或者運行多少個性化和拆分測試,都可以實現0.3秒的載入。 這是真的,我們已經通過Edgio多次看到過這種情況。

請查看冰島最大的線上企業冰島指南,在Google的燈塔中得分為99,並在Edgio上通過了所有三個核心網路生理參數。

Edgio為大型電子商務網站提供500ms以下的頁面載入,包含數千個SKU,A/B測試,動態定價,實時庫存查詢和促銷。 Layer0 (現為Edgio)是一款完整的解決方案,可使電子商務網站的開發速度快如閃電。 它結合了先進的優化技術來加快大規模的數據庫驅動網站的速度,以及強大的工具,通過使用世界上第一個配置JavaScript的CDN將代碼置於其工作流的中心,使開發人員每周都能恢復一天的時間。