谈谈核心网页指标Core Web Vitals(上)-搜索关闭记录播客(Search Off the Record) - 阿伟的SEO博客

/ 0评 / 1

John Mueller:欢迎大家来到新一期的Search Off the Record播客,我们计划聊聊关于谷歌搜索的事情,它是如何工作的,或许这是一个有趣的话题。

我是John Mueller,工作于瑞士谷歌的搜索关系团队,今天参加播客的还有来自我们团队的Martin,以及Annie和Vivek,他们都为核心网页指标的不同方面工作。Annie和Vivek,你们能介绍一下自己吗?

Annie Sullivan:嗨,我叫Annie,我在Chrome网络平台团队工作,我领导着关于核心网络指标开发的技术团队。

Vivek Sekhar: 嗨,我是Vivek,很高兴来到这里,John。我是核心网络指标开发团队的产品经理。

John Mueller:太棒了,很高兴大家来到这里!

Martin Splitt:是的,来到这个博客我感到非常兴奋。我认为从互联网诞生以来,人们就一直在追求性能与速度、如何衡量以及提高它,从而建立世界上最快最好的网络。有许多的案例值得我们研究,并且让我们知道什么是重要的,但是为什么做起来这么难呢?

我的意思是你已经为网站性能与速度的问题思考了很长时间,且做出了许多努力。那么为什么这个问题这么难呢,以及为什么如此重要呢?

Vivek Sekhar: 是的,这是一个好问题。长期以来,我们都知道对于谷歌来讲速度非常重要,关系到我们服务的方方面面。并且当我们与合作商接触得越多,就越清楚速度对于他们生意的重要性。就像你提到的,在很长的一段时间内,网络社区都在寻找着问题的答案。但想要抓住要点确实很困难,因为它受到多方面的因素的影响。

包括你的服务器有多快,加载了多少JS文件,或者页面图片文件有多大,页面速度是由多方面因素组成的。所以长期以来,我们一直在争论用户体验中真正重要的部分,并且从底层浏览器技术和网络技术可以做出不同的改变。

因此我认为对于核心网页指标,首先要做的是以开放的态度对待,尽可能多地查看网上的不同网页和应用程序,并且了解常见的有助于提升用户体验的元素。这就是为什么我们提出了核心网页指标:最大内容绘制,首次输入延迟以及累计布局偏移。

实际上我们是以用户的视角来处理这些数据,用户能看到什么,经历了什么以及遇到了什么困难,并由此尝试推导出我们想要浏览器和web技术执行的操作。很长一段时间我们无法相信这能做到:我们能量化用户体验并且以可重复可计算的方式。但是我们非常高兴取得了一系列重大突破并且实现了这项技术。

Martin Splitt:太酷了!我肯定很多人知道这个,但我希望得到更加清楚简洁的定义。刚才提到了三个指标(最大内容绘制,首次输入延迟以及累计布局偏移),为什么是这三个,而不是我们之前研究过的其他指标呢?

Vivek Sekhar:好问题。最大内容绘制基本测量了用户能看到网页的最大且有意义的内容所需要的时间。一个用户导航到一个页面,显然是为了查看、阅读某些内容并产生交互行为。所以我们能以多快的速度为用户获取内容?首次输入延迟是指页面对用户输入做出反应的耗时,所以这是针对某种具有交互元素的页面,也许是点击按钮或者提交表单。有时JS和其他事物会妨碍页面响应用户的输入,所以页面是否响应用户的输入十分重要。累计布局偏移是关于页面的稳定性的,比如用户查看页面,浏览文本或图片,但是页面的内容却是移动过的,非常影响用户浏览体验。因此确保页面加载和元素绘制在用户希望它停留的位置,是非常有助于用户快速地与页面产生交互。

Martin Splitt:说得好,不能更准确更简洁了。我想我也不能将它总结得更简练。下次有人问我类似问题,我就这么回答他。

我做web开发已经很长时间了,记得一开始,几乎所有人都对第一字节响应时间非常感兴趣,这是那时候研究过的最重要的事情了,然后是速度指数,你还记得速度指数吗?

Annie Sullivan:当然,我那时候对开发速度指数感到非常兴奋,因为所有的加载指标(截至目前)都是非常具有技术性的。第一字节响应时间不是用户能看到的,它是反应用户接受某些字节所用时间的技术指标。但是什么时候可以看到可视化的网页呢,我们并不知道。这和onload事件相同,它是最流行的页面加载事件。问题是这又是一个关于时间的技术性指标。听起来很好,对吧?页面上的HTML文件都已被解析,并加载了子资源。但网页是由代码组成的,你可以做任何你想做的事情,很多网页甚至在onload事件发生之前都不会真正开始加载,所以该事件也不能代表用户体验。直到速度指数成为主要突破点,曾经我为速度指标感到十分振奋,因为它表示页面内容绘制的平均时间,这是用户所能看到的,因此在那时候真是一项重大的突破。

Martin Splitt:你认为核心网页指标是一种不同的突破吗?我的意思是当你们开发出了速度指数,这样一个万能的指标,还需要别的新指标吗?但是我错了,所以后来发生了什么?

Annie Sullivan:嗯,所以我们试图通过核心网页指标完成两件大事。第一件事是关于真实用户体验,如果我们查看加载页面需要多长时间,我们更想知道用户能看到的,以及什么时候看到。显然速度指数已经做到了这一点。第二件事有点难,我们真正想看到的,而不仅仅是理论上用户所看到的。当你的用户实际加载了你的网页,他们什么时候看到发生什么事情,什么时候看到页面加载完成?

速度指数是逐个像素进行的,存在着很多安全和隐私问题。另外由于一些性能因素,我们无法在Chrome和其它浏览器中将其实现为性能API。因此我们需要找到一个检测真实用户使用环境的指标,这也就是为什么我们说最大内容绘制是一个真正重大的突破了。

Martin Splitt:对对对,你提到了一些很重要的事情,而这些事情我被问了很多次了。为什么Chrome DevTools中的Lighthouse的WebPage Test中测量的内容,与谷歌站长工具中的核心网页指标的页面体验报告的测量内容存在着很大的差异?你已经说了真实用户指标和速度指数的不同,所以也会有不同的方法和地区来测量,对吧?所以关于实验室数据和真实用户数据,你能简短地给我们解释一下两者的优缺点吗?

Annie Sullivan:好的。实验室数据是基于任何时间,不管你是坐在电脑面前,或者使用WebPageTester,像在一个实验室里下载。你告诉电脑,下载网页并给我一堆数据。实验室的好处是可以告诉你很多糟糕的情况,比如网络是3G,甚至是更慢的2G网络,甚至还包括你在市场上买不到的垃圾设备。即使这种问题发生了,你仍然可以看到网页如何加载,并且看到其中的细节数据。比如每个请求需要多长时间,所有图像的大小字节是多少,阻塞时间,最大的js文件,你可以获得关于某个特定页面的诸多细节。

所以你可以通过实验室数据看到正在发生的事情,但也就只是正在发生的事情。正如你说的Lighthouse和webpagetester的数据不一样,这是因为使用的是不同的设备。就像你在电脑上看到的、Lighthouse上看到的以及通过webpagetester看到的,这些都与个人的设置有关。

基本上每次网页加载,你都会得到一个新的结果,比如不同的页面加载时间,不同的LCP,FID以及CLS。并且我们真正想要的是人们关注他们的真实用户的使用体验。你网站获得了大量用户并且十分分散。有些用户觉得网站很快,而有些觉得非常慢。大体来讲,大部分用户觉得很快,随着时间增加变得越来越慢。根据核心网页指标,我们将75%分位用户所看到的作为衡量标准。也就是说,四分之三的用户使用你的网站加载速度很快,那我们就认为你的网站是好的。

Martin Splitt:好的,这听起来真的很苦。作为一名开发者,我认为实验室测试真的很不错,因为当我在开发页面时我可以进行重复测试,并且看到我的修改如何影响结果,这是我在这之前无法做到的,比如更新真实产品的版本,这需要我等待数天的时间,然后才能得到真实的用户数据反馈。

目前看来这些都对我十分有益,还有什么是人们需要理解的吗?举个例子,有个问题是部分人对核心网页指标带有偏见,认为它是从天而降,并且在幕后运作。但我认为这是不对的,核心网页指标已经在开放中获得了大量关注。

Annie Sullivan:是的,我们是基本开放准则开发的这些指标,我们也是在网络表现工作组里谈论它们。并且原始的核心网页指标,是来自于很多很多年以前。我记得10年前,人们关心的是Chrome如何显示内容的渲染。基本上,这花费了很多很多年的时间使得我们有能力在Chrome上显示各个渲染的元素,然后根据这些我们制作了LCP指标。从某些方面来讲,这些想法沉淀了十年之久。

John Mueller:所以如果我有一种高质量网站,用户也都是使用高级手机或者高级设备的高端用户,一般来讲连接速度都很快,在这种情况下,我还需要担心这些问题吗?或者换句话讲,如果拥有一种快速的网络连接技术,是不是就不用再关注这些细节问题了。你怎么看待这种情况?

Annie Sullivan:是的,所有真正有趣的是不同类型的页面,不管是基于他们的用户还是基于他们的内容,即使他们不关注指标,这些页面也有不同的价值。所以你想要的是看看你的LCP、CLS以及FID。

如果这是正确的,你的所有用户都有更快速的设备,或许你的网站内容能被更快地打开。但我惊讶的是,你知道即使我有一个快速地设备,内容还是无法快速地显示,所以你应该检查你的手机号。但是对于一些网站,他们服务的用户有着更慢的连接和更慢的设备。我认为这些网站真的需要确保在为他们的用户提供服务。不管人们拥有怎样的设备,他们都希望更快地看到内容。

Vivek Sekhar:是的,我认为这真的很重要。从另一方面来讲,你的用户和使用者有着优先的注意力与时间,他们没必要非在你这里做生意。他们更倾向于去找一个能给他们提供良好体验的,内容或产品对他们来讲是独特的。但是如果他们是通过网络与你联系,提供更快的网站始终要放在更高的位置。并且我们鼓励所有网站站长和网络公司都重视起来,核心网页指标真的是使用户获得良好体验的一个很好的方式。

Martin Splitt::作为一名站长,我认为这些数据有个bug存在,我测试网站时数据都很好,但测试真实用户数据时,得到了非常不同的数据。我该咋办?我在哪里可以得到反馈?关于这些数据是否真实地反映了用户体验?

Annie Sullivan:所以这取决于你想要通过反馈来做相应处理的层度。我们有一个欢迎任何反馈的邮箱列表,网址是google.groups.com,你可以解释你遇到的问题,我们的承诺是我们会查看所有反馈,并且有些反馈会应用于修改现有的指标以及制作新的指标。

如果你的问题是:“不,我完全不相信现在发生的事情,这是错的,”那么你可以制作一个减少测试案例的网页,这网页上只有你所看到的问题。举个例子,你认为页面最大内容的加载时间是1.2s,LCP指标反馈是2.8s,所以这有许多技术工作需要解决。但是如果你愿意去掉网页的所有内容,只剩一张图,写点js作为观测问题的工具,然后你可以提交bug在crbug.com,上面有关于网页核心指标的模板。关注一个bug,放入减少测试案例页面,然后让我们看看并且了解到底发生了什么。

John Mueller:这很酷!我认为当我们在外面与人类交流时,其中一个经常出现的话题是怎么搞清楚这种工作的优先级。SEO从业者会来问我们,说核心网页指标有多重要?通常,我们不置可否,因为我认为在我们团队必须做的事情,但从你的角度,依据网站的特点或其他问题,你会怎么决定核心网页指标的工作优先级?

这是个很好的问题,并且是一个非常重要的决定。那就是我认为,很多互联网企业都需要做核心网页指标优化。这绝对是正确的,这些年我们看到了很多分歧,企业发生了很多变化,他们越来越依赖于之前从未有过的方式来运作。

我认为第一点也就是最重要的一点就是,这是一个让每个企业变得更好的决定,我们的目标也是让这个决定尽我们所能做到最好。每个在线业务都希望网站有难以置信的速度,牢固的用户体验以及可响应且稳定的站点。然后你可以关注业务的其他方面,比如定价、比如新产品的研发,又比如新功能的设计等。

我们想要保证互联网公司有能力知道什么时候他们能达到这点,且知道什么时候没有达到。我们已经观察到了站点由于长期的损耗陷入糟糕的境地,然后惶恐地投入了大量资金来修复性能问题这样一个性能模式。我们想要一定程度上保证我们能够获得可持续的进程,这样当你每次发布网站新版本或者发布新的网页体验时,你能感觉到投入是更加真实的。

所以我认为核心网页指标就是:全面获得极致用户体验的数据指标与阈值。你的业务中有时候会有其他优先事项,比如应对临时事务,或者紧急情况,又或者假日促销等;我们绝对不希望影响到这些事项的处理,更别说暗示这些是不重要的事项。我们只是想说,在发布新功能或制作新的原型设计时,也许是在为新功能做AB测试。在包括转化率和收入的各种数据指标在内,我希望网页性能也是考虑指标之一。所以至少你应该知道什么时候做这项工作,并且使这项工作与你的业务相匹配。

Martin Splitt:这太酷了。我认为性能优化的文化是很多IT部门或公司缺乏的,一般来讲也很难提倡这一点。因为如果某些东西坏了,比如无法工作了,大家可能会说:“哦,我们需要解决这个问题。”但是对于性能很差的网站来说这是很难做到的,很难将其修好。所以我很希望核心网页指标能够帮助部门或企业建立性能优化的文化,所以我很喜欢这个方法。

未完待续…

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注