CrUX 信息中心

使用 CrUX 信息中心直观呈现 BigQuery CrUX 数据

CrUX 信息中心是一个 Looker Studio(以前称为“数据洞察”)信息中心,它会链接到 BigQuery 上的原始源站级 CrUX 数据,然后为您直观呈现这些数据。信息中心的用户无需编写任何查询或生成任何图表。一切都是为您构建的;您只需提供一个来源,系统就会为您生成信息中心。

访问 CrUX 信息中心

如需启动 CrUX 信息中心,请输入来源或网址,然后按 Enter 键或点击 Go

然后,可以共享信息中心网址并为其添加书签,以便于参考。

它是否适用于所有网站?

否。如果您的来源未包含在 CrUX 数据集中,则没有可显示的数据。数据集中有超过 1500 万个源站,但您想要的源点可能没有足够的数据包含在内。

源站存在的一些常见问题包括提供了错误的协议,例如 http:// 而不是 https://,以及在需要时省略了子网域。某些网站包含重定向,因此如果 http://example.com 重定向到 https://www.example.com,您应使用后者,即源的规范版本。

使用自定义搜索引擎访问信息面板

对于经常访问不同网域的用户,另一种方法是在 Chrome 中设置自定义搜索引擎,以便将搜索字词(在本例中为来源)传递给网址。为此,请使用 Chrome 右上角的三点状菜单进入 Chrome 设置。进入“设置”后,选择“搜索引擎”选项。

“搜索引擎的 Chrome 设置”页面的屏幕截图,您可以在该页面中“管理搜索引擎和网站搜索”
针对搜索引擎的 Chrome 设置。

请在此处展开“管理搜索引擎和网站搜索”,滚动到“网站搜索”,然后点击“添加”按钮并输入以下详细信息:

  • 搜索引擎:CrUX
  • 快捷方式:crux
  • 网址(用“%s”代替搜索字词):https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Chrome 的“添加搜索引擎”对话框,其中包含三个字段:搜索引擎名称、快捷方式,以及网址(用 %s 代替查询)。
Chrome“添加搜索引擎”对话框。

此后,当您输入 crux 并在搜索栏中按 tab 时,您现在可以输入一个源,而 Chrome 则会导航到该源的 CrUX 信息中心。

Chrome 地址栏的屏幕截图,其中显示了“Search CrUX”命令。
在 Chrome 地址栏中使用自定义搜索引擎。

如果省略协议,则假定使用 HTTPS。子网域很重要,例如 https://developers.google.comhttps://www.google.com 会被视为不同的来源。

如果 CrUX 中存在来源,系统会将您转到信息中心,其中填充了此来源的 CrUX 数据:

developer.chrome.com 的 CrUX 信息中心的屏幕截图,其中显示了初始 Core Web Vitals 屏幕。
CrUX 信息中心示例。

信息中心概览

每个信息中心都有三种页面:

  1. Core Web Vitals 概览
  2. 指标效果
  3. 用户受众特征

每个页面都包含一个图表,其中显示了各个可用每月版本的一段时间内的分布情况。新数据集发布后,您可以刷新信息中心以获取最新数据。

每月数据集会在每月的第二个星期二发布。例如,包含 5 月用户体验数据的数据集将于 6 月的第二个星期二发布。

Core Web Vitals 概览

第一页概述了来源的每月核心网页指标性能。这些是 Google 建议您重点关注的最重要的用户体验指标。

CrUX 信息中心 Core Web Vitals 概览的整页屏幕截图,其中显示了有关此网站的 LCP、INP 和 CLS 的详细信息。
CrUX 信息中心 Core Web Vitals 概览。

使用“Core Web Vitals”页面,了解桌面设备和手机用户对来源的体验。默认情况下,系统会选择创建信息中心时最近的月份。若要在较旧或较新的每月版本之间切换,请使用页面顶部的月份过滤器。

指标效果

在“Core Web Vitals”页面之后,您会看到 CrUX 数据集内所有metrics的独立页面。

CrUX 信息中心 LCP 页面的屏幕截图,其中显示了 10 个月内 LCP 数据良好、需要改进和不佳的堆叠条形图。
CrUX 信息中心 LCP 页面。

每个页面的顶部都是设备过滤条件,可用于限制体验数据中包含的设备规格。例如,您可以具体到手机体验数据。此设置会应用于各个页面。

这些页面上的主要可视化图表是分为“良好”“需要改进”和“欠佳”的体验的每月分布情况。图表下方带有不同颜色的图例表示该类别涵盖的体验范围。例如,在上一个屏幕截图中,您可以看到 Largest Contentful Paint (LCP) 体验“良好”的百分比略有波动,并且最近几个月略有下降。

图表上方显示了最近一个月的“良好”和“糟糕”体验所占百分比,以及一个指标,指明与上个月相比的百分比差异。就此起源而言,“良好”的 LCP 体验月环比下降了 0.8% 至 83.25%,p75 数值没有变化,保持在月环比 1,500 次,而“不佳”的 LCP 体验增加了 3.6%(此处显示为红色的增加表示不好)至 7.42%。请注意,百分比移动是实际的百分比移动,而不是百分比移动。例如,83.93% 到 83.25% 是 0.68% 移动,或者比上一个总计移动 83.93% 降低 0.8%。

此外,对于 LCP 等指标以及提供明确百分位建议的其他 Core Web Vitals,您会发现“P75”指标介于“良好”和“较差”百分比之间。此值对应于用户体验的第 75 百分位。换言之,75% 的体验优于此价值。有一点需要注意,这适用于源站上所有设备的总体分布情况。如果使用“设备”过滤条件切换特定设备的状态,系统不会重新计算百分位。

有关百分位数的技术注意事项

请注意,百分位指标基于 BigQuery 中的直方图数据,因此粒度将比较粗略:LCP 为 100 毫秒,INP 为 25 毫秒,CLS 为 0.05。换句话说,P75 LCP 为 3800 毫秒表示真正的第 75 百分位介于 3800 毫秒到 3900 毫秒之间。

此外,BigQuery 数据集使用一种称为“分箱扩展”的技术,在这种技术中,用户体验密度本质上会被划分到非常粗略的分箱中,以降低粒度。这样一来,我们就可以在分布的尾部添加分钟密度,而无需超过四位数。例如,小于 3 秒的 LCP 值会被划分到宽度为 200 毫秒的分箱中。分箱宽度介于 3 到 10 秒之间,宽度为 500 毫秒。超过 10 秒时,分箱宽度为 5000 毫秒... 与具有不同宽度的分箱不同,分箱扩展可确保所有分箱宽度均为 100 毫秒(最大公约数),并且分布在每个分箱内进行线性插值。

PageSpeed Insights 等工具中对应的 P75 值并非基于公共 BigQuery 数据集,并且能够提供毫秒级精度值。

用户受众特征

用户受众特征页面包含两个维度:设备和有效连接类型 (ECT)。这些页面说明了整个源中具有各种受众特征的用户的网页浏览量分布情况。

“设备分布情况”页面显示了一段时间内手机、桌面设备和平板电脑用户数的细分数据:

CrUX Dashboard 设备页面的屏幕截图,其中显示了 10 个月内手机、桌面设备和平板电脑的设备分布情况。
CrUX 信息中心设备页面。

许多来源往往几乎没有平板电脑数据,因此您经常会在图表边缘看到“0%”。

同样,ECT 分布页面也会显示 4G、3G、2G、慢速 2G 体验和离线体验的细分数据。

这些维度的分布使用 First Contentful Paint (FCP) 直方图数据细分计算得出。

常见问题解答

以下是有关 CrUX BigQuery 数据集的一些常见问题:

何时应使用 CrUX 信息中心,而不是其他工具?

CrUX 信息中心基于 BigQuery 上可用的底层数据,但您无需编写一行 SQL 即可提取数据,也不必担心超出任何免费配额。信息中心的设置过程轻松快捷,系统为您生成了所有可视化图表,并可随心所欲地将其共享给任何人。

使用 CrUX 信息中心是否有任何限制?

基于 BigQuery 意味着 CrUX 信息中心也会继承其所有限制。它仅限于每月一次的源站级数据。

为了简单性和便利性,CrUX 信息中心还舍弃了 BigQuery 上原始数据的一些多功能性。例如,指标分布仅按“良好”“需要改进”和“欠佳”,而不是完整的直方图。CrUX 信息中心还提供全球级别的数据,而 BigQuery 数据集可让您放大特定国家/地区的数据。

如何自定义信息中心

本页详细介绍了如何访问由 CrUX 团队维护的只读版本的 CrUX 信息中心。如果您想创建自己的信息中心副本,以便能够修改它以显示不同的可视化图表,请参阅此用户指南了解详情。请注意,创建您自己的副本后,您需要手动更新月份,也无法从官方信息中心添加的任何新功能(例如新指标或其他信息)中受益。