CrUX Vis

CrUX Vis 是一个信息中心，可直观呈现来自 CrUX History API 的每周历史数据。

访问 CrUX Vis

如需启动 CrUX Vis，请访问 cruxvis.withgoogle.com，或输入来源或网址，然后按 Enter 键或点击前往：

然后，您可以分享 CrUX Vis 网址并将其添加到书签，以便日后快速参考。

此功能是否适用于所有网站？

不会。如果您的来源未包含在 CrUX 数据集中，则不会有任何数据可供显示。该数据集包含超过 1, 500 万个来源，但您想要的来源可能没有足够的数据来纳入其中。

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

同样，即使有源级数据，也可能没有网址级数据。

CrUX Vis 概览

CrUX Vis 包含 5 个页面：

  1. 核心网页指标
  2. 加载性能
  3. 互动
  4. 视觉稳定性
  5. 所有指标

每个页面都包含一个图表，用于显示过去 40 周内（如果存在相应数据）的分布情况。

每周数据会在每周一更新，每个数据点都包含前 28 天的数据。这意味着数据存在重叠。

控件

每个页面都有一个控件部分，您可以在其中切换：

  • 日期：来源和网址级数据
  • 设备：手机、桌面设备、平板电脑或所有数据
  • 时间段
  • 显示：第 75 百分位、分布或两者兼有
CrUX Vis 的“控制”部分，显示数据类型（网址或来源）、设备类型（手机、桌面设备、平板电脑或所有设备）和“历史记录”选择器。
CrUX Vis 的“控件”部分。

核心网页指标

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

CrUX Vis 的 Core Web Vitals 概览界面，其中显示了一张图表，其中包含所有三个 Core Web Vitals 随时间的变化情况，上方有一段说明。
CrUX Vis 的“核心网页指标”页面。

您可以使用“Core Web Vitals”页面了解用户体验到的网址或源，以及哪些指标需要改进，原因可能是这些指标低于建议的限值，也可能是这些指标在退化。

该页面包含指向接下来三个部分的链接，以便您进一步探索。

加载性能

“加载性能”页面包含 CrUX History API 中的所有与加载相关的指标。

CrUX 可视化工具的“加载性能”页面，其中显示了多个部分，并且“LCP”部分处于打开状态。
加载 CrUX Vis 的“性能”页面。

本页面包含以下指标：

互动

“互动性”页面包含 CrUX History API 中的所有与互动性相关的指标。

CrUX Vis 的“互动性”页面，其中显示了多个部分，并且“LCP”部分处于打开状态。
CrUX Vis 的“互动性”页面。

本页面包含以下指标：

视觉稳定性

“视觉稳定性”页面包含 CrUX History API 中的所有与视觉稳定性相关的指标。

CrUX Vis 的“视觉稳定性”页面，其中显示了多个部分，并且“LCP”部分处于打开状态。
CrUX Vis 的“视觉稳定性”页面。

本页面包含以下指标：

所有指标

“所有指标”页面在一个位置显示 CrUX History API 中的所有指标：

CrUX 可视化工具的“所有指标”页面，显示了多个部分，其中“LCP”部分处于打开状态。
CrUX 可视化工具的“所有指标”页面。

本页面包含以下指标：

常见问题解答

以下是有关 CrUX 可视化图表的一些常见问题解答：

与其他工具相比，我何时会使用 CrUX Vis？

CrUX Vis 用于查看一段时间内的历史数据。PageSpeed Insights 等其他工具可能只会显示最新数据。

另请参阅 CrUX 工具。

如何获取 CrUX Vis 显示的数据？

CrUX Vis 中的所有数据均来自 CrUX History API，可以使用 CrUX API 密钥查询该 API。

如何自定义 CrUX 可视化图表？

除了控件之外，CrUX Vis 不提供其他自定义选项。如果用户希望构建自定义信息中心，可以使用 CrUX History API（CrUX Vis 的支持工具）以所需方式显示数据。许多第三方工具可提供此数据的替代可视化图表。