停止依赖谷歌灯塔分数为电子商务的成功

站点速度100

谷歌于2016年推出了Lighthouse,为开发人员提供了一种简单的方法来评估他们网站的性能、核心网络要素和可访问性——使用一个数字。这个想法是,通过提供一个数字来帮助网站所有者确定用户如何看待他们的网站,包括他们是否会因为页面加载时间缓慢而离开,从而消除了仔细研究数据和几十个指标的需要。

从那以后,追求难以捉摸的谷歌灯塔分数“100”就成为了开发者和在线商店老板的全部目标,他们特别关注提高网站加载速度。欧宝体育官网入口首页

毫无疑问,网站速度很重要。这是消费者访问你的网站时所体验到的第一件事,它可以留下持久的印象。这还不是全部;OB欧宝娱乐APP从2021年5月开始,谷歌将开始根据页面体验对网站进行评估和排名,其中一个关键因素是网站加载时间。

但是依靠一个单一的谷歌灯塔评分来决定你的商店的转换率——最终你的收入——可能会阻碍你的发展。以下是为什么你不需要在2021年只关注100个。

为什么我们的目标是网站速度得分100呢?

早在2006年,亚马逊就发现,加载时间每增加100毫秒,销售额就会减少1%——相当于每年损失超过10亿美元。从那以后,有无数的其他研究表明,消费者是一群没有耐心的人。举个例子,b谷歌的一项研究表明,如果搜索结果速度慢0.25秒,每天就会损失800万次搜索。

在接下来的十年里,这种类型的研究失去了控制,与此同时,我们对网站速度的关注也加强了。

进入谷歌pagespeedinsights,然后是更全面的谷歌Lighthouse,一个基于几个因素分析你的网站的工具:性能、SEO、最佳实践和可访问性。性能对分数的贡献最大。

谷歌Lighthouse是一个基于几个因素分析你的网站的工具:性能、SEO、最佳实践和可访问性。性能对分数的贡献最大。

当你双击进入性能,谷歌测量:

  • 第一次含物涂料(FCP):当浏览器呈现来自文档对象模型(DOM)的第一个内容时,向用户反馈页面正在加载
  • 最大含量涂料(LCP):LCP近似于页面的主要内容对用户可见的时间
  • 速度指数:测量页面加载过程中内容的视觉显示速度。Lighthouse捕获浏览器中页面加载的视频,并计算帧之间的视觉进度
  • 总阻塞时间(TBT):度量页面被阻止响应用户输入(如鼠标单击、屏幕轻击或键盘按压)的时间量
  • 互动时间(TTI):测量负载响应性。它有助于识别页面看起来是交互式的,但实际上不是交互式的情况。快速TTI有助于确保页面可用。
  • 累积布局移位(CLS):量化用户经历意外布局变化的频率——低CLS有助于确保页面在视觉上稳定
网站如何加载:TTFB、FCP、LCP、CLS和加载

LCP目前在评分中权重最大,但在2021年5月的更新中,谷歌将更加重视互动时间,这是一个基于核心网络要素(包括移动友好性、安全浏览、HTTPS安全性和侵入性插页指南)衡量页面体验的指标。

虽然谷歌Lighthouse为一个问题提供了一个创造性的解决方案,但它的网站速度测试存在固有缺陷。

首先,审计工具有初次访问的偏见。这意味着你的页面加载速度测试是基于用户第一次访问它,在你的网站的任何部分都被他们的浏览器缓存之前。

问题是,大多数消费者不会这样购物。一项研究发现,92%的消费者第一次访问网站并不是为了购买任何东西。与实体店的购物者不同,网上购物者不太可能冲动购物——他们更有可能在购买前阅读评论,比较价格或功能。他们可能会多次访问你的网站多达九次——在购买之前。到那时,网站将被完全缓存,与谷歌Lighthouse最初的分析相比,网站的速度时间将有显著改善。

这不是唯一的问题。它为网站设定的100个目标既令人感动,也是一个有意无法达到的网络重要指标。(在Shopify,我们听说不止一家网店的得分为20分,但后来重新投资进行了昂贵的重欧宝体育官网入口首页建,最终只得到了25分。)也许有些网站的访问量达到了100,但他们是在玩弄系统——他们的网站不太可能吸引用户。

我的同事科林·本德尔(Colin Bendell)将一个得分为100分的网站比作路边的水果摊:它简单、快速,而且很可能是静态的。你所要做的就是下车,交出一些钱,然后带着你买的东西离开。但很有可能,只有一种水果可供选择,如果它被擦伤了,那就不走运了。

对于典型的购物者来说——他们会阅读评论,比较时令水果的价格,并仔细考虑哪种水果最适合他们的馅饼——“农场门”是不会让他们满意的。他们想要一种动态的体验,所以他们去超市,在那里他们必须找到商品,排队,扫描商品,装好商品,然后离开。ob欧宝娱乐app下载地址最终,这个过程需要更多的时间,但他们愿意为了更好的产品和体验而这样做。

在电子商务商店的情况下,这意味着通过安装帮助代理或推送消息等集成来增强用户体验。这些第三方插件会拉低您的谷歌Lighthouse评分,但它们也会带来更好的用户体验——并可能带来更高的收入。

作为一家企业,您可以完全控制以下绩效指标:

  • 服务器响应时间或首次访问时间(TTFB):液态主题文件决定Shopify服务器渲染页面所需的时间
  • FCP或LCP:关键渲染路径中脚本和CSS的数量
  • CLS:精心制作CSS,使布局在加载过程中不会改变
  • TBT:确保脚本不会生成太多的长任务(长任务由JavaScript执行,耗时超过50毫秒)

如何衡量网站的成功

这给我们带来了最大的问题,这不是谷歌灯塔的功能。问题在于这个工具如何改变了我们对网站成功的看法,以及我们如何评估网站的整体表现。

谷歌Lighthouse模拟访问您的站点的一个页面,并试图通过查看几个关键指标来衡量对速度的感知。在Shopify,我们已经建立了这个工具,为您带来在线商店的速度得分,但做了一些调整,有一个更大的代表您的网站,欧宝体育官网入口首页而不仅仅是主页。

值得注意的是,如果你的在线业务是在Shopify上,你的网站管理的网站速度得分可能看起来比谷歌分低,因为它是基于三种类型页面的Lighthouse得分:主页、收藏和产品。基于页面浏览量与这些类型页面的比例,集合和产品页面在最终得分中的权重高于主页。

我们也只显示手机端得分,因为手机端得分往往低于桌面端得分,这是为了鼓励我们的商家考虑到手机用户。在2020年的黑色星期五网络星期一(BFCM)期间,67%的销售额来自移动设备,33%来自桌面设备。

但是您还需要考虑真实的用户数据和其他业务价值指标,而不仅仅是模拟的页面浏览。而不是依赖谷歌灯塔评分或网站速度,决定你的网站是否成功和盈利,应该基于一个全面的数据分析。

在对你的网站进行优化之后,看看这些商业指标:

  • 页面浏览量和会话:更多的用户在浏览吗?
  • 每次会话的平均浏览量:你的用户在你的网站上停留的时间更长吗?
  • 每回合添加到购物车的数量:您的用户是否更频繁地与购物车交互?
  • 结账漏斗:是否有更多的用户结账?
  • 交易数量:是否有更多用户购买?
  • 平均订单值(AOV):你的用户购买更多了吗?

不要忘记查看这些真实的用户监控性能(RUM)指标:

  • 服务器响应时间(TTFB):Shopify服务器之间的通信改善了吗?
  • LCP(如有)或FCP:用户能更快地看到你的页面吗?

是的,首字节时间(TTFB)很重要,但它不应该是构建和维护电子商务商店的唯一考虑因素。相反,我倾向于投资于对原始参数和真实用户监控参数的适当审查。

我终于知道研究结果了。我可以列举一些声称网站加载速度和收益之间存在联系的商店的统计数据。一秒钟——哪怕是一毫秒——可能会让你损失数千甚至数百万美元。

但是很难把网站速度得分和实际的商业指标联系起来——两者走在不同的道路上。网站速度影响收益的想法是一个假设而不是事实,而且这个假设是基于对数据的过度简化。

“当我在eBay的时候,我们(用户研究和工程)非常努力地展示网站速度和收入之间的关系。我们就是做不到。”计算机科学家Christian P. Rohrer在这个话题上写道

目标是网站速度得分为100

如果你想从这篇文章中学到什么,那应该是:

网站速度只是影响商店利润的一个潜在因素。

尽管这篇文章的标题是这样的,但这并不意味着它不重要。虽然你不应该期望你的网站有100的谷歌灯塔得分,你也不应该放弃尝试达到这个神奇的数字。

让我解释一下:100分已经成为黄金标准,因为它本质上意味着你的网站是健康的。现在,想象一下,如果你的网站是一个以变得健康为目标的人。OB欧宝娱乐APP刚开始的时候,很少有人会声称自己是100%身心健康的,因为这是一个不可能达到的标准。

然而,仅仅因为我们永远不可能“100%健康”,并不意味着我们应该放弃,开始每天晚上吃薯条。OB欧宝娱乐APP这会让我们行动迟缓。(明白这个比喻的含义了吧?)相反,我们必须通过冥想、锻炼和均衡饮食,不断朝着100%的目标努力。

但也许你不是在为奥运会训练。也许你只是想成为一个在SEO中排名很好的完美平均的网站。那么,到底是什么呢?现实的谷歌灯塔评分?

这个问题没有快速的答案。在一个网站的开发中,我可以得到50到60分。在制作中,我的分数通常在30分左右,这让我感到畏缩——相信我,我也不喜欢这样。但在内心深处,我知道从用户行为的角度来看,这个网站实际上运行得相当快。

以下是我的建议:当需要检查网站速度时,不要只依赖谷歌Lighthouse。谷歌分析是另一个有用的(免费的)工具,它可以评估你的网站速度数据,并提供改进建议。我还建议特别注意关键路径渲染,这是浏览器将代码转换为可显示像素的过程。加快这个速度确实提升了你网站上的用户体验,并将吸引你的购物者感觉比如你的网站更快。

“感觉”是这里的关键词。最终,购物者不知道也不关心你的谷歌Lighthouse得分是多少。他们只关心你的商店是否快速加载,这是一个感知问题。不幸的是,这并不总是在你的控制之下。根据b谷歌的一项研究,精神状态会影响对速度的感知。

“与那些感觉平静或不慌不忙的人相比,感到焦虑或匆忙的用户认为页面加载速度快的可能性只有他们的一半左右。”谷歌报告他补充说,用户访问网站的地点——比如上班时、上下班时或在家时——都会产生影响。人口统计数据也在这种看法中发挥了作用,年轻用户更有可能期待并寻找超快的网站。不同地区和国家对互联互通也有不同的标准和期待。

这强调了一个事实,即每个电子商务商家对参数和转化率的评估都是不同的。产品和商店是多种多样和独特的,每一个都有广泛的因素需要考虑。例如,eBay的“在线时间”特别高,这通常被认为是“参与度”。但正如Pohrer指出的那样,eBay是一个更难搞清楚的电子商务网站,需要更多的时间在网站上。至于亚马逊呢?访问市场的客户通常准备立即购买;ob欧宝娱乐app下载地址当消费者准备购买特定产品时,近四分之三(74%)的人会去亚马逊购买

TL;DR是:除非你是亚马逊,否则加速你的网站可能无法保证投资回报。不要依赖其他市场或商店的研究,最好从内部开始。ob欧宝娱乐app下载地址OB欧宝娱乐APP就像努力改善你的身心健康一样,增加你的转化率和利润不能通过一个快速的解决方案或一个数字来解决——最好是作为一个整体的努力。

谷歌灯塔常见问题解答

什么是谷歌Chrome灯塔?

谷歌Chrome Lighthouse是一个开源的审计工具,帮助开发人员和网站管理员识别和提高他们的网站的性能,可访问性和质量。它对性能、可访问性、最佳实践和渐进式web应用程序进行审计,然后生成一份报告,其中包含详细的改进建议。

谷歌灯塔免费吗?

是的,谷歌Lighthouse是一个免费的开源工具。

我如何得到灯塔在Chrome?

要在Chrome中访问Lighthouse,请单击浏览器窗口右上角的三个点,然后选择More Tools > Developer Tools。在Developer Tools窗口中,选择audit选项卡并单击Generate Report按钮。生成报告之后,选择Lighthouse选项卡来查看Lighthouse报告。

作者简介

海伦林

Helen是Shopify的前端开发人员。内心是工程师,头脑是人,周围的人是巫师,阅读简化的代码是为了好玩。