Return to site

如何使用Chrome用户体验报告来改善网站的效果

从“实验室数据”到“现场数据”的PageSpeed Insights更新可能会显着影响Google处理您的搜索引擎排名的方式。

在2017年Chrome网络峰会上,谷歌向全世界介绍了Chrome用户体验报告(CrUX) - 一个由真实Chrome用户的网络浏览体验中提取的多个样本构建的数据库。据谷歌称,其目标是“捕捉形成并为最终用户体验做出贡献的各种外部因素。”

几个月之后,谷歌更新了他们的PageSpeed Insights工具,分为两个不同的类别:“速度”和“优化”。熟悉的PageSpeed Insights基于技术问题的等级和Google推荐的修复程序被移至优化部分,而新的 - 介绍的页面速度部分开始根据一个人的第一个内容画(FCP)和DOM内容加载(DCL)的中值将网页标记为“快速”,“平均”或“慢”。

更重要的是,不是在受控实验室设置中收集这两个性能指标(因为大多数网站管理员通过多次从浏览器访问同一页面来查找一些平均时间)在现实生活中进行收集)Google会根据真实用户监控对其进行汇总(朗姆酒)。

您的Page Speed得分基于从数百万Chrome用户收集的数据:他们与您的网页互动的方式,加载内容需要多长时间,他们使用的设备等等。“不可用”的速度得分意味着CrUX没有足够的有关您的流量和数据的信息。请记住,尽管CrUX数据库不断增长,但即使您的Page Speed得分当前不可用,也值得一试。

虽然对PageSpeed Insights的更新似乎并不是特别惊天动地(特别是如果您优先使用Pingdom,WebPageTest甚至Chrome Dev Tools等优秀工具),重要的是要注意从“实验室数据”到“现场数据”的转变。这对于SEO来说意味着谷歌如何评估您的网站可能与您当地的速度测试不符 - 而这种转变有可能显着影响您的搜索引擎排名。

在本文中,我们将向您展示一些本地速度测试如何显示与CrUX性能指标截然不同的结果。我们还将教您如何使用CrUX的第一手数据来加速您的网站。

CrUX数据对现场速度测量的影响
要了解CrUX数据如何与“实验室”工具中的数据不同,让我们为两个主要新闻出版物执行本地速度测试:USAToday.com和CNN.com。

首先,让我们通过WebPageTest 运行主页(usatoday.com和edition.cnn.com)并启用默认设置。

您会注意到,根据这些测量结果,今日美国的加载时间几乎是CNN加载时间的四倍(分别为118.711秒和16.751秒)。

让我们将这个“实验室测试”数据与PageSpeed Insights计算的CrUX数据进行比较。

您可能会惊讶地发现,就谷歌而言,今日美国的主页被认为是“快速”,而CNN的主页被评估为“慢”。

为什么会出现差异?
CrUX中包含的所有效果数据均来自实际情况,汇集了数百万浏览您网站的实际Chrome用户(当然,这些用户都会选择同步他们的浏览历史记录并启用使用情况统计报告)。

用户从您的网页(FCP)看到第一个视觉响应的速度有多快,以及您网站的真实访问者(DCL)加载和解析HTML文档所需的时间都会影响Google将您的网站视为多快是。

换句话说,如果您的大多数用户的互联网连接速度较慢或使用过时的设备,Google可能会将您的网站视为“慢” - 即使您已经优化了它。如果您的大多数用户都是本地用户,可以访问更好的设备或者他们有更快的连接,那么另一个未完全优化的网站可能会被视为“快速”。

今日美国/ CNN示例向我们展示了性能不再是您可以在开发环境中计算的“稳定”值 - 它现在在很大程度上取决于您的用户。探索网站性能的最准确方法是依赖RUM数据。

而且,与谷歌已经使用的数据库相比,找到可靠的真实用户性能指标更好:CrUX。

如何访问您的CrUX数据
如果您使用PageSpeed Insights已经有一段时间了,并且您对Google认为您的网站有多快感到好奇,那么看看您的速度得分是一个很好的起点。

接下来,是时候访问您的CrUX数据了。好消息是Google BigQuery上的所有数据都是公开提供的,这是Google云平台的一部分。此功能可免费使用,除非您大量使用它。你所要做的就是:

1. 登录Google Cloud
2.创建一个新的CrUX项目
 

3.导航到BigQuery控制台,然后单击“撰写查询”

如果您想亲眼目睹项目中可用的所有指标,您可以查看“chrome-ux-report”数据集的表格详细信息。

如果您检查表的结构方式,您会注意到除了“全部”数据集之外,CrUX还有每个国家/地区的数据集。展开这些数据集时,您将看到一个表格列表,如下所示:

现在,您可以运行查询并使用非常基本的SQL知识选择所需的数据。

我们将从基本查询开始,该查询将告诉我们截至2018年8月数据集中有多少独特的起源(请记住,“起源”与“域”不同 - 同一域的HTTP和HTTPS版本将有所不同起源)。

为此,请将以下查询粘贴到查询编辑器中,然后单击“运行查询”以执行它:

正如您所看到的,截至2018年8月,Google拥有大约440万个不同来源的数据。

现在,如果您想计算Google数据库中唯一域的数量,我们将使用标准SQL函数NET.HOST。这会将URL转换为主机:

事实证明,独特域的数量有点小:420万。

现在我们可以提出更具体的问题来解决我们的挑战。例如,如果我们想使用CrUX数据来查看您的网站对您的真实用户的速度有多快,我们将执行以下查询:

如果我们使用此查询来检查上面的CNN示例(edition.cnn.com)中的分布,我们将看到第一个内容绘制(FCP)指标适用于其用户:

行设备启动密度
1桌面0 0.10%
2桌面200 1.01%
3桌面400 2.47%
4桌面600 3.04%
...... ......

这意味着在桌面设备上,0.1%的访问者开始在200毫秒内看到CNN的网站; 1.01%在400毫秒以内看到它等。您可以在不同国家 /地区等其他设备(手机或平板电脑)获得相同的结果。

您甚至可以将这些数据插入您喜爱的可视化程序(Tableau,Google的Data Studio甚至Excel),以直观地表示您的网站性能:

我们也可以按国家分解这些可视化:

仅从这个样本中,我们可以找到很多有趣的见解。例如,我们很快就毫不费力地了解到更多的美国访问者更喜欢从桌面设备浏览CNN的网站(53.77%),而世界其他地方更喜欢移动设备(40.14%来自世界各地)。

更好的是 - 我们可以在Data Studio内部使用CrUX Dashboard模板来识别趋势和回归,直到它们对您的网站参与度和底线指标产生负面影响。

只需访问g.co/chromeuxdash即可查看原点的用户体验如何随时间而变化。设置相对简单,一旦您输入原点,您就可以生成直接从Chrome UX Report社区连接器中提取的数据的可视化。

目前,Data Studio信息中心提供了三种类型的Chrome UX报告:

如您所见,如果您知道如何使用它,那么CrUX是一个功能强大的工具,可以通过各种不同的方式分析您网站的速度。您还可以考虑使用其他类型的查询:

将您网站的效果与竞争对手网站进行比较。
分析不同设备和连接类型的站点性能。
衡量多个不同国家的绩效
深入研究粒度速度指标,如First Paint(FP),First Contentful Paint(FCP),DOM Content Loaded(DCL),onload,甚至是First Input Delay等实验指标。
如果您需要更多帮助开始使用CrUX,我建议您查看Google的入门指南。本简介将帮助您了解如何浏览数据库,以便您可以使用真实用户的第一手见解来加快页面速度。

结论

与PageSpeed Insights不同,CrUX不会为您提供可以解决的技术问题清单。你在这里不在地图的边缘,但忽略这些有价值的数据是愚蠢的。毕竟,真实用户测量已经成为衡量Web应用程序性能多年的黄金标准 - 现在它们在搜索排名中发挥作用,它们比以往任何时候都更重要。没有更好的方法来准确衡量用户体验您的网站的方式。

当然,您无法完全控制访问者使用的设备或连接速度,但这并不意味着您无法从这些数据中收集一些有价值的见解。如果你是一个精明的搜索引擎优化,那么你将能够使用CrUX数据作为基准,你可以衡量你正在进行的优化工作。这些数据还可以帮助您找到增长机会,改善用户体验并提高排名。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly