虽然谷歌已经通过API提供了超过一年的历史CrUX数据,现在CrUX Vis提供了一个易于访问的工具来获取这些历史核心网页指标数据。
如何使用CrUX Vis测试您的网站
要在CrUX Vis上查看您的核心网页指标数据:
- 打开 cruxvis.withgoogle.com
- 在URL字段中输入您的网站
- 按回车键
接着,您将看到过去25周内三个核心网页指标的变化趋势。
- 按回车键
什么是Chrome用户体验报告(CrUX)?
Chrome用户体验报告是谷歌从实际Chrome用户那里收集的网站性能数据集。仅收集已登录谷歌账户、启用了使用统计报告功能并使用Chrome浏览器的用户的数据。
在移动端,CrUX数据仅在Android上收集,而不会在iOS的Chrome浏览器中收集。
CrUX数据并非适用于每个网站,只有流量足够的网站才能提供。如果您的网站流量不足,您会看到“CrUX数据不可用”的提示。
谷歌每周更新历史CrUX数据,但每个数值覆盖一个滚动的28天周期。这意味着如果您对网站进行了更改,您的网页指标数据将需要4周时间才能完全更新。
翻译:
CrUX Vis 提供哪些数据?
在首页,CrUX Vis 提供了包含三个核心网页指标数据的时间线:
- 最大内容绘制(Largest Contentful Paint):加载性能
- 累积布局偏移(Cumulative Layout Shift):视觉稳定性
- 与下一次绘制的交互时间(Interaction to Next Paint):交互性
CrUX Vis 还会告诉您,您的网站在这些指标上是有所改善还是退步。
CrUX Vis 的侧边栏提供了查看每个指标详细信息的方式。配置显示哪些数据
默认情况下,谷歌的全新 CrUX 数据工具显示的是每个指标的第75百分位。这意味着,如果您的LCP得分是1.5秒,那么75%的访客等待时间不超过1.5秒,而另有25%的访客等待时间更长。
然而,在各个指标标签中,CrUX Vis还提供了一个选项,可以查看体验评级为“优秀”、“需要改进”或“不佳”的分布情况。
加载性能详情
除了最大内容绘制(LCP)指标,您还可以查看其他相关指标,以了解和优化网站性能。
例如,您可以查看首次内容绘制(First Contentful Paint)或首次字节时间(Time to First Byte)。这两个指标可以帮助您了解阻碍主要页面内容显示的原因。
例如,如果首次内容绘制时间较长,您需要检查网站上是否有很多阻止渲染的资源。如果首次字节时间较慢,说明需要优化服务器响应时间。
此外,CrUX Vis还提供了有关用户如何访问您网站的信息,例如设备形态或导航类型。
导航类型告诉您,您的网站是否受益于HTTP缓存、内容预渲染,或有多少访问可以通过更好地支持前进/后退缓存受益。
过滤 CrUX Vis 数据
该工具提供了多种过滤选项,例如按日期范围过滤。
您还可以选择只查看移动端或桌面端数据。工具还会方便地显示您网站的流量中有多少来自移动设备或桌面设备。
使用 CrUX Vis 查看 URL 级数据
与 PageSpeed Insights 类似,CrUX Vis 不仅可以显示整个来源的数据,还可以显示特定 URL 的数据。不过请记住,只有流量足够的 URL 才会有特定的 URL 数据。
CrUX Vis 与其他工具的区别
CrUX Vis 比 PageSpeed Insights 更高级一些,因为它包括历史数据且数据更为深入。然而,与 PageSpeed Insights 不同,CrUX Vis 不提供具体的性能优化建议。在 PageSpeed Insights 中,这些建议是通过运行 Lighthouse 实验测试得出的。
谷歌的 CrUX Dashboard 提供查看历史数据的功能,但其用户体验较差,且只提供每月数据,而非每周数据。