2017年,Google推出了Chrome用户体验报告(CUX)——一个由真实Chrome用户数据提供支持的数据库。 谷歌表示,目标是”捕捉塑造和促进最终用户体验的所有外部因素”。 不幸的是,Crux不跟踪单页应用程序(SPA)的页面转换,误导它们的速度比它们慢得多。
此跟踪错误非常重要,原因有两个:
- 水疗中心通常会提高网速。 这就是为什么许多公司往往在谷歌的推荐下,着手建立和部署SPA的重要努力。
- Crux为Google的大多数速度测量工具提供称为”现场数据”的数据。 其中包括PageSpeed Insights,Google搜索控制台,ThinkWithGoogle,以及最重要的核心网络虚拟化报告。 Core Web Vitals将很快对您的搜索排名产生影响。
水疗是更快的网站,但不是根据Crux
第一次加载后,单页应用程序会在页面之间迅速过渡,因为渲染页面所需的数据和处理更少。 这意味着Web会话中的首页加载速度通常与传统网站相似,而后续页面加载速度则与应用程序类似。
遗憾的是,Crux只能跟踪SPA的给定Web会话的首页加载,而它则跟踪传统多页网站会话中的所有页面加载。 Google自己解释说:Chrome和其他浏览器中一个未解决的问题是”重置”页面过渡的性能时间表,因此onload之类的指标从软导航开始到加载完成时间都是衡量的。
Twitter与@ChromeUXReport谈论SPA页面加载报告
SPA的主要优点是在导航过程中不会重新加载后续页面,从而实现快速,无摩擦的浏览会话。 这正是谷歌十多年来一直在努力强调的。 然而,由于Crux仅测量首页负载,最快的Web应用程序在大多数谷歌的速度测量工具中都受到惩罚。
Crux如何衡量多页网站与现代网站的对比
Crux根据给定网站的流量将其速度数据报告为平均值。 SPA的浏览速度比传统的多页网站快得多。 如果没有跟踪页面加载2个及以上的功能,Crux会错误地报告SPA的平均页面速度。
请参阅下面的假设网站,该网站从多页网站升级到SPA以提高速度。
虽然SPA实际上比多页网站快55.5 %, Crux报告它慢9.4 %! 换句话说,电子商务SPA的速度要快得多,从而为购物者带来卓越的体验和更高的商家转化率,但Crux报告称其速度比传统的多页网站慢。
要查看该问题的更多证据,请参阅下表中的Crux如何在移动网站从多页网站升级到SPA时报告”电话”流量的错误下降:
Crux无法跟踪PWAS/SPA的”电话”流量份额
此图表显示了女性精品零售商Akira的核心数据变化。 Akira于2019年11月从多页网站升级为移动单页应用程序。 PSA的首页加载速度提高了70%,下一页加载速度提高了90%,有机移动流量增加了30.1%。 但是,一旦SPA上线,Crux除了首页加载外,再也不能”看到”任何页面加载,导致”电话”无法正确报告流量。如上图所示,自11月以来,”电话”流量的份额似乎在减少。
虽然Akira的移动流量仍然高于桌面流量,但Crux报告说它的流量份额正在下降。
将页面加载量减少80%以上Layer0可以将页面加载速度降至亚秒以下。 安排咨询式对话!
Crux将很快影响SPA搜索排名
这些跟踪错误一直是一个持续不断的问题,但谷歌最近的公告强调了这种SPA错误陈述的重要性。 2020年5月下旬,谷歌宣布了一个主要的页面体验更新,其排名算法旨在根据用户对网页互动体验的看法来判断网页。 页面体验标准将基于核心Web Vitals,这是一组与速度,响应速度和视觉稳定性相关的指标,SPA有能力在这些方面表现出色。 问题:核心Web生命体征是由Crux的真实用户数据来衡量的。
这意味着当Google在2021年初推出此更新时,SPA在搜索中的排名将低于速度较慢的多页网站—如果关键报告错误未得到修复。 Google解释说:”我们的目标是帮助人们更轻松地访问所需的信息和网页,并支持网站所有者提供用户享受的体验。” 然而,如果谷歌和搜索者看不到最快的页面,这一目标就无法实现。
在Layer0,我们致力于使Web即时和简单。 与Google一样,我们推荐单页应用程序和渐进式Web应用程序,因为它们提供增强的用户体验和显著的业务赢利,因此我们正与Google密切合作来修复此错误。 幸运的是,谷歌已经承认了这个问题,我们希望CUX跟踪错误得到修复。
底线
SPA可以显著提高网站速度,但Crux仅记录其首页加载而不正确地测量它们。 既然这家搜索巨头宣布,从2021年开始,核心数据将影响网站的搜索排名,那么解决这个问题是当务之急。 如果不解决这一问题,这一问题将使那些有能力提供几乎即时页面加载的Web应用程序受到惩罚,因为它们的排名低于速度较慢的多页面竞争对手。
这是不幸的,因为在Layer0上运行SPA时,水疗中心的平均油漆负荷仅减少到几百毫秒。 我们在Layer0上看到了这种情况,包括Shoe Carnival,将浏览转换速度加快了92%;Planet Blue,将页面加载量削减了97%;以及1-800-Flowers,首次加载时间从4.5秒增加到0.9秒,将Layer0的初始加载速度加快了80%。
您应该始终为您的客户做最好的事情—在Web上的速度更快总是更好。 谷歌同样专注于根据网站提供的体验质量对网站进行排名;为此,您需要真实用户数据。 我们假设谷歌在2021年开始根据其数据进行排名之前,会纠正Crux的测量问题。 请联系Layer0 (Edgio)站点速度专家以获取更多信息,疑问或意见。