2017年,Google推出了Chrome用戶體驗報告(CRUX),這是一個由真實Chrome用戶數據提供支援的數據庫。 根據Google的說法,目標是“捕獲影響最終用戶體驗並有助於最終用戶體驗的所有外部因素”。 不幸的是,Crux無法跟蹤單頁應用程序(SPA)的頁面轉換,誤稱它們比實際的要慢得多。
這種跟蹤錯誤很重要,原因有兩個:
- SPA通常會提高站點速度。 這就是為什麼許多公司有時會在Google的建議下開始大量努力來構建和部署SPA。
- Crux向Google的大多數速度測量工具提供稱爲“Field Data”的數據。 其中包括PageSpeed Insights,Google Search Console,ThinkWithGoogle,以及最重要的是Core Web Vitals Report。 核心網路生理訊息很快就會影響您的搜尋排名。
水療中心是更快的地點,但不是根據克魯克斯
第一次載入後,單頁應用程式在頁面之間快速轉換,因為渲染頁面所需的數據和處理要少得多。 這意味著Web會話中的第一頁載入速度通常與傳統網站類似,而後續頁面載入速度與應用程式類似。
不幸的是,Crux只能跟蹤SPA給定Web會話的第一頁載入,而它則跟蹤傳統多頁網站會話中的所有頁載入。 Google本身解釋說:Chrome和其他瀏攬器中一個未解決的問題是“重置”頁面轉換上的性能時間線,因此像載入這樣的指標衡量從軟導航開始到載入完成時間。
在SPA頁面載入報告上與@ChromeUXReport的Twitter對話
SPA的主要優點是在導航過程中不會重新載入後續頁面,從而實現快速,無摩擦的瀏攬會話。 這正是谷歌十多年來一直努力強調的。 但是,由於Crux僅測量第一頁的載入,因此,大多數Google的速度測量工具都會對最快的Web應用程式造成不利影響。
Crux如何衡量多頁網站與現代網站
Crux根據給定網站的流量將速度數據報告為平均值。 SPA的瀏攬速度比傳統的多頁網站快得多。 如果沒有跟蹤頁面負載的能力,CRUX會錯誤地報告SPA的平均頁面速度。
請參閱下方的假設網站,從多頁網站升級為SPA,以提升速度。
雖然SPA實際上比多頁網站快55.5%,但Crux報告速度慢9.4%! 換句話說,電子商務SPA的速度更快,為購物者帶來卓越的體驗和更高的商家轉換率,但Crux報告說,速度比傳統的多頁網站慢。
要查看有關該問題的更多證據,請參閱下表中的Crux如何報告移動站點從多頁站點升級到SPA時‘Phone’流量出現誤降:
Crux無法跟蹤PWAS/SPA的‘Phone’流量共享
這張圖表顯示了女性精品零售商Akira的關鍵數據是如何變化的。 2019年11月,Akira從一個多頁網站升級為一個移動單頁應用程式。 PSA使第一頁載入速度加快70%,下一頁載入速度加快90%,有機移動通信量增加30.1%。 但是,一旦SPA上線,Crux將無法“看到”除第一頁載入之外的任何頁面載入,從而導致錯誤報告‘Phones’(電話)的流量。如上表所示,‘Phone’(電話)流量的份額自11月以來一直在下降。
儘管Akira的移動通信量仍然高於桌面通信量,但Crux報告說,它在通信量中的份額正在下降。
將頁面載入量減少80%以上Layer0可將頁面載入速度降至亞秒。 安排諮詢式對話!
Crux很快將影響SPA搜尋排名
這些跟蹤錯誤一直是一個問題,但Google最近的公告強調了SPA錯誤陳述的重要性。 2020年5月底,Google發布了對其排名算法的主要頁面體驗更新,旨在根據用戶對互動體驗的看法來判斷網頁。 頁面體驗標準將基於Core Web Vitals,這是一組與速度,響應速度和視覺穩定性相關的指標,SPA在這些方面具有卓越的能力。 問題:核心Web生命體徵是由Crux的真實用戶數據進行測量的。
這意味著,當Google在2021年初推出此更新時,SPA的搜尋排名將低於速度較慢的多頁網站-如果CRUX報告錯誤未得到解決。 Google解釋說:“我們的目標是幫助人們更輕鬆地訪問所需的信息和網頁,並支持網站所有者提供用戶享受的體驗。” 但是,如果谷歌和搜尋者無法看到最快的頁面,就無法實現這一目標。
在Layer0,我們致力於使Web即時而簡單。 與Google一樣,我們建議使用單頁應用程式和漸進式Web應用程式,因為它們可提供增強的用戶體驗和顯著的業務優勢,因此我們正在與Google密切合作以解決此錯誤。 幸運的是,Google已經承認了這個問題,我們希望能夠解決關鍵跟蹤錯誤。
底線
SPA可以顯著提高站點速度,但Crux只記錄其第一頁載入量,從而錯誤地測量它們。 既然搜尋巨頭宣布關鍵數據將影響2021年開始的網站搜尋排名,解決這個問題是當務之急。 如果不解決這個問題,這一關鍵問題將使那些有能力提供幾乎即時頁面載入的Web應用程式受到懲罰,因為它們的排名低於速度較慢的多頁面競爭對手。
這是不幸的,因為在Layer0上執行時,水療的平均油漆負荷減少到幾百毫秒。 我們在Layer0網站上看到了這種情況,其中包括Shoe Carnival (鞋款狂歡節),它將瀏攬過渡速度加快了%;Planet Blue (將頁面載入量減少了97%);以及800-Layer0 Flowers (從最初的4.5秒增加到第一次載入量0.9秒),在92上的初始載入量加快了80%。
您應該始終為客戶做最大的事情—網路上的速度越快越好。 Google同樣注重根據網站提供的體驗質量對網站進行排名;為此,您需要真實用戶數據。 我們假設Google會在2021年根據其數據開始排名之前用Crux糾正測量問題。 如需其他資訊,問題或意見,請聯絡Layer0 (Edgio)網站速度專家。