如何在 Looker Studio 上构建 CrUX 信息中心

发布时间:2020 年 6 月 12 日,上次更新时间:2025 年 9 月 9 日

Looker Studio(以前称为“数据洞察”)是一款功能强大的数据可视化工具,可让您基于 Chrome 用户体验报告 (CrUX) 等大数据源构建信息中心。在本指南中,您将学习如何创建自己的自定义 CrUX 信息中心,以跟踪来源的用户体验趋势。

显示各种堆叠条形图在不同月份发生变化的 CrUX 信息中心。
CrUX 信息中心

CrUX 信息中心是使用 Looker Studio 的一项名为社区连接器的功能构建的。此连接器是 BigQuery 上的原始 CrUX 数据与 Looker Studio 可视化图表之间预先建立的链接。这样一来,信息中心的用户就无需编写任何查询或生成任何图表。系统会为您构建一切;您只需提供来源,系统就会为您生成自定义信息中心。

默认 CrUX 信息中心

CrUX 有一个由 CrUX 团队维护的默认信息中心。团队会添加新指标(例如 INP),这些指标会在下次加载信息中心时显示。

创建自定义信息中心

部分用户可能需要自定义信息中心,在这种情况下,您可以创建默认信息中心的副本,并根据需要进行更改。

如需创建自定义信息中心,请前往 g.co/chromeuxdash。系统会将您带到 CrUX 社区连接器页面,您可以在其中提供将生成信息中心的来源。请注意,首次使用的用户可能需要完成权限或营销偏好设置提示。

CrUX 信息中心连接器配置界面,其中包含一个用于输入来源网址的字段和一个复选框,用于允许在报告中修改该字段。
CrUX 信息中心连接器

文本输入字段仅接受来源,不接受完整网址。例如:

来源(受支持)
https://developer.chrome.com
网址(不支持)
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

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

来源的一些常见问题包括提供错误的协议(例如 http:// 而不是 https://),以及在需要时省略子网域。有些网站包含重定向,因此如果 http://example.com 重定向到 https://www.example.com,则应使用后者,即来源的规范版本。一般来说,请使用用户在地址栏中看到的源。

勾选此复选框后,来源将包含在信息中心网址中,这样一来,日后只需更改此网址参数,即可将同一信息中心用于不同的来源,因此建议您勾选此复选框。

点击连接按钮。如果您勾选了相应复选框,系统会要求您确认。

如果您的来源未包含在 CrUX 数据集中,您可能会收到类似下图所示的错误消息。该数据集包含超过 1, 500 万个来源,但您想要的来源可能没有足够的数据来纳入其中。

一条弹出式错误消息,其中包含“此数据集中有超过 1,500 万个来源,但 https://doesnotexist.origin 不在其中”等错误消息
当来源不存在时,CrUX 社区连接器错误消息

如果来源存在,系统会将您转到相应信息中心的架构页面。这会显示所有包含的字段:每个有效连接类型、每种设备规格、数据集发布月份、每项指标的性能分布,当然还有来源名称。您无需在此页面上执行任何操作或进行任何更改,只需点击创建报告即可继续。

CrUX 信息中心架构编辑器,其中包含各种字段、类型、汇总和说明,可供您更改这些内容或添加新字段。
CrUX 信息中心架构

使用信息中心

每个信息中心都包含三种类型的页面:

  1. 核心网页指标概览
  2. 指标表现
  3. 用户受众特征

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

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

核心网页指标概览

第一页是源站每月核心网页指标表现的概览。这些是 Google 建议您重点关注的最重要的用户体验指标。

CrUX 信息中心的核心网页指标概览,显示 LCP、INP 和 CLS 指标信息。
CrUX 信息中心的核心网页指标概览

您可以使用“核心网页指标”页面来了解桌面设备用户和手机用户在相应来源中的体验。默认情况下,系统会选择您创建信息中心时最近的月份。如需在较旧或较新的每月版本之间切换,请使用页面顶部的月份过滤条件。

请注意,默认情况下,这些图表中会省略平板电脑,但如果需要,您可以在条形图配置中移除无平板电脑过滤器:

在 Looker Studio 中修改“过滤条件”选项。
修改 CrUX 信息中心以在“核心网页指标”页面上显示平板电脑数据

指标表现

在“核心网页指标”页面之后,您会看到 CrUX 数据集中所有指标的独立页面。

CrUX 信息中心 LCP 页面,显示了各种堆叠条形图在不同月份的变化情况。
CrUX 信息中心 LCP 页面

每个页面顶部都有一个设备过滤条件,您可以使用该过滤条件来限制体验数据中包含的设备规格。例如,您可以专门深入分析手机体验。此设置可跨网页使用。

这些网页上的主要可视化图表是归类为“良好”“需要改进”和“差”的体验的月度分布。图表下方的彩色图例表示相应类别中包含的体验范围。例如,在上面的屏幕截图中,您可以看到“良好”最大内容渲染时间 (LCP) 体验的百分比在波动,并且近几个月略有下降。

图表上方会显示最近一个月“良好”和“不良”体验的百分比,以及与上个月相比的百分比差值。对于此来源,“良好”LCP 体验环比下降了 3.2%,降至 56.04%。

此外,对于 LCP 和其他提供明确百分位建议的核心网页指标等指标,您会在“良好”百分比和“较差”百分比之间看到“P75”指标。此值对应于相应来源的第 75 百分位用户体验。换句话说,75% 的体验优于此值。需要注意的一点是,这适用于来源中所有设备的整体分布。使用设备过滤条件切换特定设备不会重新计算百分位数。

关于百分位数的注意事项

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

此外,BigQuery 数据集还使用了一种称为“箱扩展”的技术,其中用户体验密度会自然而然地分组到粒度递减的粗略箱中。这样,我们就可以在分布的尾部包含分钟密度,而无需超过四位精度。例如,LCP 值小于 3 秒时,会按 200 毫秒的宽度分组到各个箱中。在 3 秒到 10 秒之间,箱的宽度为 500 毫秒。超过 10 秒后,箱子的宽度为 5000 毫秒... 与使用宽度各不相同的箱不同,箱扩展可确保所有箱的宽度均为恒定的 100 毫秒(最大公约数),并且分布在每个箱中进行线性插值。

PageSpeed Insights 等工具中的相应 P75 值并非基于公共 BigQuery 数据集,而是能够提供精确到毫秒的值。

用户受众特征

用户人口统计信息页面包含两个维度:设备和有效连接类型 (ECT)。这些页面显示了每个受众群体中用户的网页浏览量在整个来源中的分布情况。

“设备分布”页面会显示手机、桌面设备和平板电脑用户的细分数据随时间的变化情况。许多来源往往没有或几乎没有平板电脑数据,因此您经常会看到图表边缘显示“0%”。

CrUX 信息中心的“设备”页面,显示了设备细分情况如何逐月变化。
CrUX 信息中心设备页面

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

这些维度的分布是使用首次内容渲染 (FCP) 直方图数据段计算的。

常见问题解答

以下是有关在 Looker 数据洞察中构建 CrUX 信息中心的一些常见问题解答:

与其他工具相比,我何时应使用 CrUX 信息中心?

CrUX 信息中心基于 BigQuery 上提供的相同底层数据,但您无需编写任何 SQL 代码即可提取数据,也无需担心超出任何免费配额。设置信息中心比查看查询底层数据更快更简单,系统会为您生成所有可视化图表,您可以随意与任何人分享信息中心。

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

由于 CrUX 信息中心基于 BigQuery,因此它也继承了 BigQuery 的所有限制。它仅限于每月粒度的源级数据。

此外,CrUX 信息中心还牺牲了 BigQuery 原始数据的一些多功能性,以换取简单性和便利性。例如,指标分布仅以“良好”“需要改进”和“较差”的形式呈现,而不是完整的直方图。CrUX 信息中心还提供全球级数据,而 BigQuery 数据集则可让您深入了解特定国家/地区的数据。

在哪里可以详细了解 Looker Studio?

如需了解详情,请参阅 Looker Studio 功能页面