《超越边缘》第7集简介–核心Web重要信息和从FID迁移到INP
在这一集的”超越边缘“, Ishan Anand主持了一场关于谷歌核心网络重要价值的变化的讨论,谷歌的核心网络重要价值,一组关键的指标对网站性能评估。 Edgio的Rob Wakerly和Ellery Womack也加入了他的行列,他们分享了他们在如何适应变化和通过核心网络重要大赛方面的专业知识。 对话深入探讨了核心Web重要要素的技术方面,包括最大连续涂料,累计布局偏移和首次输入延迟等指标,突出了这些指标在网站优化中的重要性。 该团队讨论了改进这些指标的实用策略,例如缓存,使用图像优化工具和调整缓存控制标头。 他们还谈到优化核心网络生命要素可能对业务成果(如转化率和有机流量)产生的重大影响,并借鉴了他们与不同公司合作的真实例子。 谷歌正准备用INP取代FID,INP是一种考虑到更广泛用户交互的指标,讨论强调了保持领先这些指标并采用专家策略确保网站满足这些不断发展的速度和响应性标准的重要性。Ishan Anand:您好,欢迎来到Beyond the Edge,在这里,我们将深入了解影响现代数字业务的趋势。 今天,我们的话题是核心网络生命值,谷歌使用所有重要指标来排名您的网站的速度。
我是您的主持人Ishan Anand,Edgio应用程序和边缘平台产品副总裁,顶级企业使用它来加速,优化和托管他们最关键的任务网站。 今天,Edgio的产品交付高级总监Rob Wakerley和Edgio的高级工程总监Ellery Womack与我一同工作。 Rob,我们为什么不从您开始? 请告诉我们您的背景以及与核心生命力的关系。
Rob Wakerly:嘿,谢谢,Ishan。 很高兴今天参加。 因此,我的背景是技术咨询,包括为各种规模的企业和公司提供定制技术和实施的策略和交付。 我在几年前加入Edgio,很快就学到了所有关于核心网络生命大赛的信息,以及它们对企业的影响至少有多么大。 因此,作为实施项目的一部分,帮助客户和各行各业改进其网站的Vitals核心内容,从而改善客户体验,这非常令人兴奋。
Ishan Anand:谢谢,太棒了,谢谢。 Ellery,告诉我们您对核心生命体征的体验。
埃勒里·沃马克:谢谢伊山。 我在Edgio工作了三年,与我们的建筑师,工程师和Q团队合作,主要帮助我们的客户从Edgio产品中获得最大价值。 我们已经做到这一点的方法之一就是与客户合作,改进他们的核心Vitals以获得增量收入和SCO的好处,我们在所有产品和平台上都这样做。 因此,您可以成为金融科技,电子商务,Salesforce,Shopify等,我们随时为您提供帮助。
Ishan Anand:好的。 那么,让我们先将其分解,然后从一开始就为受众着手,什么是核心网络重要要素?为什么这些要素如此重要?
Ellery Womack:所以在2022年5月,Google推出了核心生命值,这是一组衡量Google认为影响用户体验的最重要技术KPI的指标。 目标是评估网页的速度,响应速度和视觉加载。 初始指标是最大连续涂料,这是衡量页面上折页上方最大可见元素渲染速度的指标。 这通常是您的行动号召,也是累积布局偏移(衡量呈现时页面上的内容偏移量)。 你可能已经去过一些新闻网站,那里有很多广告弹出,这肯定会触发一个糟糕的累积布局转移或CLS分数在你的网站. 最后,第一个输入延迟是用户何时进行第一次交互的衡量标准,就像一个选项卡或一个点击,页面需要多少时间来响应,你知道,重新绘制或重新渲染东西。 从2024年3月开始,FID将被INP或Interaction to Next Paint所取代,它将查看网站上用户旅程中的所有交互。
Ishan Anand:Rob Ellery刚刚把核心网络重要人物在技术上的意义做了细分。 但你能否将其转化为它们如此重要的原因?
Rob Wakerly:是的,让我跳进来。 我认为核心网络重要要素的一件事就是它为我们提供了一个共同的框架,一个共同的语言来谈论网站的性能。 在此之前,没有一个很好的方法来谈论您的网站的运行情况。 你可能会说,啊,我的网站的性能不好或者加载时间太长。 但是,您是如何衡量的? 你知道用什么通用语言? 我们真的没有一个。 这就是核心Web重要要素之一,它为我们提供了共同语言,为什么它如此重要,因为这些对您的网站的业务成果和业务绩效也有巨大的推动力。
当你想想这会如何影响你的网站,大约43%的流量通过谷歌搜索,而不是付费或直接渠道的付费广告等。 此外,大多数电子商务收入,73%来自搜索和转介到您的网站的人,这两者都受到Core Web Vitals的影响。 因为Core Web Vitals是搜索引擎优化的一部分,你在谷歌搜索排名中的位置。 它也是您网站体验的重要驱动因素。 当人们来到您的网站时,无论他们是否喜欢体验,核心Web重要信息都将帮助您衡量。 如果您有良好的核心网络重要信息,您就更有可能会喜欢使用您的网站,更可能会推荐他人使用您的网站。 它们确实对您的业务和您的网站的在线存在产生了广泛的影响。
Ellery Womack:除了Rob说的内容之外,当人们进行Google搜索时,55%的搜索结果点击量会转到前三个有机搜索结果。 也就是说,如果您不在前三名,超过一半的点击次数将不会对您产生影响。 这只是为了强调的重要性,确保您的网站是快速的,你想做一切可能留在前三个搜索结果.
Ishan Anand:是的,我只想强调,这是谷歌如何衡量你的网站有多快. 但独立于Google,改进这些指标可改善您的客户体验。 这是一种协同作用,而且非常有益。 在此之前,我从http存档和Chrome用户体验报告中提取了数据。谷歌在这里发布了当前任何获得足够流量的网站的重要要素核心。这表明,53%的台式机网站正在通过核心要素,这意味着略少于一半的网站失败。 45%的移动网站通过了核心要素,这意味着略多于一半的Web无法通过移动设备传递。 因此,对于略多于一半的网络,它还没有超越核心要素。 如果人们没有通过埃勒里,他们可以做什么?
埃勒里·沃马克:太棒了。 因此,您可以做许多事情来改善您的核心生命周期,其中之一就是缓存。 您希望确保在Edgio等边缘网络上缓存尽可能多的内容。 这可以是你的CSS文件,你的图片,你的HTML。 对于网页,您希望使用图像优化工具,以便为某些设备以正确的质量和格式交付合适尺寸的图像。 如果是iPhone,您希望提供一个网页文件格式,该格式将针对该设备进行压缩和优化。
您应确保您的源服务器始终设置为使用适当的缓存控制标头响应,以便您的浏览器知道我可以缓存此内容多长时间,这样我就无需返回Internet重新获取此内容。 对于不会随时间变化太大的静态文件等文件来说,这是很好的。 所以,想想你的CSS,JavaScript,图像,字体。 您应该始终在浏览器中缓存这些内容。
我们希望客户在其HTML文档的顶部添加预加载和预连接标题。 这会做什么是首先你会注意到当你加载你的网站,你会有很多第三方呼叫,因为你可能会加载谷歌标签管理器或Tealium将加载Facebook的, Instagram像素从各地. 您的网站依赖于第三方系统,如您知道的Klaviyo和其他”立即购买”,”稍后付款”解决方案,而所有这些解决方案都需要将资产加载到页面上。 每次发生这种情况时,您都必须打开一个连接,或者您可以下载该内容。 如果您可以添加那些在页面加载时可能立即发生的预连接,以便当您的网站准备好加载该内容时,加载速度会稍微加快一点,预加载将允许您流式传输响应,以便您可以一次加载多个内容。
我们谈到了LCP或最大的Contentful Paint,您知道您的页面上的行动号召或英雄形象。 您实际上可以通过添加预加载标记来将其加载到网页中,这是您改进最大的Contentful Paint最重要的事情之一。 我们还建议使用脚本管理,以便在非基本脚本中添加延迟和异步,有时甚至在发生特定浏览器事件时动态注入这些脚本。 但您可以做的不仅仅是这一点。 我们在我们的网站上写了一篇文章,名为”开发者可以在24小时内免费加速网页的五种方式“,我们将在这里将其与播客链接起来。 所以我强烈建议大家去看看,如果你有疑问,我们总是在这里。
Ishan Anand:是的,那篇文章是一个很好的资源。 罗伯,到底通过有多难? 您可以举例说明公司在纠正核心Web重要要素方面取得了哪些成果?
Rob Wakerly:是的,这具有巨大的影响,因为我之前谈论的,您从Crux,Ishan,通过核心网络重要要素的网站和不通过的网站获取的数据,这在客户体验方面是显而易见的。 例如,LCP页面加载时间平均缩短一秒,转化率就会提高8.4%或更多。 我们与许多客户和同事就这一主题进行了交谈,他们从事市场营销和业务领域的同事不仅仅是技术团队,他们对此也很兴奋,因为这可能影响到业务KPI。 例如,我们与一家大型床垫零售商合作,帮助他们在主页上将LCP提高80%,并在其商品详情页面或商品分类页面上进行类似改进。 仅商品详情页面的转化率就提高了19%。 我们在Spangler Candy也看到了类似的结果。 他们实施了核心Web重要改进,从而实现了60%的改进。 因此,他们现在通过了,他们看到客户更喜欢他们的网站。 我们与一家跨国时装集团合作,使LCP提高了45%,该网站的每位用户收入增长了76%。
我们与客户一致地看到这类结果,通过简单的技术更改,我们并非如此,即使改变用户体验或网站设计也不会如此。 这是一种性能优化,具体导致了这种增长,它不仅仅是收入和转换,还增加了有机流量。 我们帮助鞋嘉年华实现22%的有机流量增长,因为这再次与搜索引擎优化相关。 因此,对许多不同的业务KPI有着广泛的影响。 当客户可以参与这些项目并且投资回报率就在那儿时,这真的很激动人心,这不是一件值得嘲笑的事情。
Ellery Womack:您可能听说Rob将这些简单的更改称为”更改”。 通常有一个80/20或90/10规则和玩在这里,其中大多数这些好处,改善核心网络生命值和改进搜索引擎优化只需要很少的努力。 对于想要继续调整并获得更多益处的客户,还需要做更多的工作。 但在许多情况下,我们可以通过少量预先完成的工作实现大部分收益。
“我要去哪儿啊?”侯龙涛一把抓住她的胳膊。 在这个时代,潜在的AGI,智能聊天机器人和Whiz Bang功能,提高你的网站的速度就像低悬挂的水果,这将真正带来有形的投资回报率在很多情况下比大型转型计划更容易. 因此,作为一种增加收入的方法,这是非常值得一看的,尤其是在当前的经济环境中。 Edgio如何帮助公司掌握核心网络重要要素并做出改进?
Ellery Womack: 由于核心Web重要信息受到网站交付速度的影响(Edgio可以提供帮助),很明显,因为我们是CDN,而且网站代码交付后的性能也很高,因此您确实需要合适的平台和专业知识,而且经常需要两者兼而有之。 我们提供一套独特的两者。 您可以自行运行的快速边缘开发平台,同时也可以运行我们的专业性能专家,Rob和我一起工作的团队将帮助您解决代码中任何位置的核心Web重要挑战。 我们希望确保我们能够快速交付您的网站,同时确保交付的内容针对Web浏览器进行了优化,以便向Google报告的数据具有吸引力。 浏览您的网站的用户可以获得他们所希望的结果。 我们希望他们能够快速加载页面,在页面之间实现次秒级的过渡,这是我们可以帮助客户做到的。
Ishan Anand:真正的差异化源泉在于我们可以在整个堆栈中成为真正的合作伙伴,无论是在网络中还是在代码中提供帮助。 现在,我们已经介绍了核心Web重要信息是什么,它们为何如此重要,让我们来谈谈核心Web重要信息最近发生的变化,即从FID迁移到INP的过程。 Ellery,想让我们了解一下吗?
埃勒里·沃马克:当然。 从第一次输入延迟(FID)到交互到下一次喷漆(INP)的变化发生在2024年3月。 这里的主要区别是FID仅测量您网页上的第一个交互和交互。 Next Paint实际上是查看在您的网页上发生的前50次互动,并从该小组中取出最糟糕的内容,之后将查看接下来的50次互动,以此类推。 因此,这实际上是一个更难实现的指标,但许多客户也发现他们的快乐之路是相当不错的。 人们登陆一个页面,他们通常首先采取相同的行动。 就像您登录电子商务网站的主页一样,您可能要查看导航并转到某个类别,然后可以创建一个类别。 您可能会点击产品磁贴并转到PDP,然后从那里您可能会添加到购物车和这个快乐的路径。
在”交互到下一个画图”上得分很容易,但遇到麻烦的是,还有其他一些不那么直观的事情会对您造成伤害,因为INP的这一变化。 我们通过帮助客户所看到的,有时不属于快乐之路的事情会让您感到困惑。 例如,您可能有一个注册模式,然后单击该模式将其关闭可能会很慢,或者以表单形式提交您的电子邮件来注册奖励可能会很慢。 我们已经看到PLP上的快速查看打开和关闭速度慢或更改色板加载下一张图像需要一点时间。
我们有一些工具和流程可以提供帮助,例如我们的预测性预取,在您单击某个元素之前,我们可以将该内容加载到您的浏览器中,以便该内容已经缓存,并且这些过渡非常快速。 但你知道当你看到我登陆主页的快乐之路时,我会转到PLD,PDP等等,对其进行优化是非常简单的。 很难找到所有这些其他互动可以出现,以及这些互动如何影响微观生命体。 我们还有一个RUM工具,它代表实时用户监控,对Edgio客户免费进行跟踪和报告影响INP的所有交互。 它将帮助您确定哪些页面,哪些互动引发了最差的INP分数,以便您的团队可以确定优先级并修复这些分数。
Ishan Anand:我想深入探讨一下,强调您指出的一点,这不仅是一个新指标,比旧的FID更难通过。 所以,你可以从传递到突然不传递一分钱,而不是意识到它。 从某种意义上说,把这当作任何大型Google更新。 如果你在搜索引擎优化领域突然一切都重新排名和天空下降,你需要找出如何恢复. 这是一个他们给了我们很多的警告时间,他们真的给了我们数字。 如果你在INP上失败,你会突然失败的核心生命体,它可能会影响你的排名。 伸出来肯定会有帮助。
您在处理核心网络重要要素的整个过程中学到了哪些误解,或许是您在开始时没有欣赏到的。 这对听众Rob来说是有用的。
Rob Wakerly:我想当你听到核心网络重要人物IT时,只要做一点研究,或者和可以告诉你的人交谈,你就会很快得到这个想法。 但我想这是另一件事,好吧,我该怎么办? 例如,我如何测量它们? 如何真正将其纳入我的开发流程? 假设我有一个网站,我想改进它们。 Ellery谈到了您可以做的一些事情来改进它,但是,如何正确地衡量持续进行并能够告诉您,比如如何做到这一点?
Ellery指出了RUM工具,它可以测量您的网站上的实时情况,这对您的生产网站或您的现场非常有用。 但还有一些其他事情要考虑。 因为您在网站中一直在开发新版本,所以如何测试这两个版本? 您不想等到产品投入生产进行测试。 嘿,我的表现至少与以前相同还是更好?
我想指出的是合成测试,合成测试真的很强大,因为你可以在任何环境中运行。 您可以在开发环境,QA环境,暂存环境中运行综合测试以测量核心Web生命价值。 对于任何新的候选版本,您可以看到它的性能,就像我提到的那样,请确保它的性能与以前的版本相同或更好。 因为你想做的最后一件事是在你的网站上引入一个变化,让它存储你的性能,直到太晚才发现。 所以合成测试很重要。
我们讨论了朗姆酒的好处,因为它是实时的,你可以看到你的网站上的流量在做什么。 然后第三个类别,也许最重要的是实际的Chrome用户体验报告或关键是缩写,用来衡量Google衡量和Google根据您的网站的运行情况在28天内向后查看的结果。 这是如此重要,因为这是他们使用的搜索引擎优化. 所以,当你想看看谷歌看到了什么,他们将如何排名你的有机结果,确保你的症状是在良好的状态,如果它不是,注意这一点,这样你就可以解决它。 这些不同类型的性能测试和工具为所有这些添加了另一层,这对于了解这些测试和工具的工作原理以及如何使用它们非常重要。
Ishan Anand:是的,您指出的是倒退,就像您可能会让自己表现出色,然后突然很容易添加您提到的更改,并突然回归绩效。 这种情况可能非常经常发生。 这就是RUM这样的工具以及超越核心生命周期的合成测试非常有价值的地方。 您知道,核心网络虚拟大赛如何提高您在Google的搜索排名,但我们也讨论了它对客户体验的总体益处。 您能更详细地探讨一下吗?
Rob Wakerly:是的,还有一些关于客户体验的其他事情。 如果您对Core Web Vitals感兴趣,您可能还会对您网站的缓存命中率感兴趣,并且您希望有某种缓存层,并将其用于您网站上的静态甚至动态内容。 因为,如果您从缓存层为客户提供服务,就像内容交付网络所做的那样,它将提高性能,这是提高性能的关键方法,就像Ellery之前谈到的那样。
还有用户体验,您知道性能只是客户体验的一个方面。 因此,您可能需要考虑进行某种类型的用户体验审计或评估,与竞争对手进行基准测试,并检查您的分析结果。 我想说性能和您的分析是齐头并进的。 当您提高性能时,您希望立即跟进您的分析测量,以了解这种性能改进或降级对您关心的所有业务KPI (如转化率,跳出率和每个用户的收入)的分析有何影响。
最后是A/B测试。 通常,当您对性能进行更改时,A/B测试时,您不仅可以看到,嘿,我的更改速度更快,而且在转化率或其他KPI方面,与旧体验相比,它能赢得多少好处? 因此,您可以测试AB的性能,以查看这些业务影响。 当然,你也可以测试你身边的其他东西。
Ishan Anand:实际上,在A/B测试中,值得指出的是,平台的独特之处在于您可以测试A/B本身的性能,而许多其他A/B测试工具实际上会对性能造成负面影响。
让我们回过头来说,我收到了关于核心网络重要意义的消息,因为我的流量水平太多依赖于它,谷歌发送给我,它也极大地改善了我的客户体验。 如您所知,技术或网站所有者应采取哪些后续步骤来改善我的核心Web要素?
Rob Wakerly:你一定要看看你的Crux报告,你的Chrome用户体验报告,看看你的生命体征核心表现如何。 如果你不知道,现在是一个很好的机会来看看或问. 您要考虑的其他事项是性能对网站和您的用户体验的重要性。 这也是思考安全性和整体用户体验的绝佳时机。 您应该与支持网站或Web应用程序的技术或数字化团队讨论并保持一致。
运行性能测试。 想一想,您的核心数据告诉您什么,还想了解新的性能测试说什么? 它在不同站点上的表现是否有所不同? 如果您有一个产品组合,它在较低环境中的表现是否有所不同? 你能从中学到什么? 并确保我已经谈到的一些事情你正在参与检查我是否优化图像? 我的缓存策略是什么? 等等,因为如果你不是故意做这些事情,那么你就有机会解决这个问题,或者更有意识地了解你的网站和体验的那些方面。
Ishan Anand:好的。 那么,无论您是刚刚开始核心网络重要人物之旅,还是深入了解并需要帮助,都可以随时查看。 我们有一个工具Edgio Optimize可以帮助您完成合成测试或联系我们的团队。 我们很乐意为您提供帮助。 这将是我们今天的核心网络重要信息播客。 谢谢Ellery和Rob,感谢我们的观众加入Beyond the Edge。 下一期见。
使用Edgio Optimize检查您的网站性能