介绍我们的页面速度分析仪表板

在过去的几年里，我们已经看到搜索引擎对作为网站质量指标的页面速度越来越感兴趣。 今年早些时候，谷歌推出了 Core Web Vitals 更新。 这在他们的排名算法中增加了更多的页面速度和体验信息。

很明显，页面速度将成为未来几年监控的重要指标。 对我们来说，这意味着能够查看您网站的每个部分每周与竞争对手相比的表现。 为此，我们开发了 PageSpeed 控制台。 在这篇文章中，我们将展示我们的客户如何使用它来深入了解他们网站的页面速度体验。

为什么评估页面速度很重要？

在这一点上，每个数字营销人员都知道页面速度对于 SEO 和用户体验的重要性。

页面速度对用户体验有重大影响。 用户等待页面加载的时间越长，他们就越有可能在转换之前离开。 Unbounce 调查的近 70% 的人表示，页面速度会影响他们购买的可能性。

谷歌和德勤自己对页面速度的研究发现，加载时间每提高 0.1 秒，转化率就会提高 8%。

与速度相关的其他页面体验指标也是如此，例如转向布局和缓慢加载内容。

为什么页面速度对 SEO 很重要？

页面速度会影响 SEO，因为 Google 使用 Core Web Vitals 作为排名信号。 Core Web Vitals 是衡量页面内容加载速度的三个页面速度指标。 这些指标是：

• 最大含量涂料 (LCP)
• 首次输入延迟 (FID)
• 累积版式偏移 (CLS)

Google 使用这些指标来评估用户体验的质量。

页面速度分析是网站性能的一个重要方面，网络管理员和 SEO 都应该监控。 在其他条件相同的情况下，如果页面具有更好的 Core Web Vital 指标，它更有可能在 Google 结果页面上排名更好。

PageSpeed Insights 的局限性

虽然可以从 Google 的 PageSpeed Insights 工具手动获取页面速度数据，但这有一些主要限制：

• 不可扩展
  该工具一次检查一个 URL，这使得评估多个 URL 相当耗时。
  
• 指标一目了然，而不是随着时间的推移
  该工具提供页面速度指标的快照。 这使得很难衡量页面速度随时间的提高或下降。 同样，很难监控您所做的改进对页面速度指标的影响。
  
• 无法将指标与竞争对手进行比较
  因为您一次只能测试一个 URL，所以您必须运行多个测试来将您的内部页面速度指标与竞争对手的指标进行比较。 即使您这样做，这也只是一个快照，会因您选择的页面和运行测试的时间而有所偏差。

谷歌的移动页面加速工具也有类似的问题。

Ayima 的 Page Speed 监控仪表板解决了这些问题。

我们的页面速度监控器是如何工作的

我们的 Page Speed 仪表板使用 Google 的 Page Speed Insights API 来分析跨多个域的许多页面的性能。

我们针对内部（客户端）和竞争对手页面的样本对桌面和移动性能指标提出 API 请求。 我们的客户可以直接访问跟踪页面列表，并且可以随时通过简单地更新 Google 表格来更新这些页面。

对于 Python 书呆子或只是好奇的人，本文将深入探讨我们如何与 Page Speed Insights API 交互。

我们的应用程序在 BigQuery 中跟踪性能结果。 这让我们可以衡量和报告页面速度指标随时间的变化。 我们将这些仓库数据与 Google Data Studio 连接起来，在那里我们构建了一个针对每个客户的需求量身定制的页面速度仪表板。

我们能够在每个仪表板中突出显示特定竞争对手的网站，以及 URL 和页面类型。 这使得监控整个站点的页面速度变得非常容易。

Page Speed Monitor 的核心元素

我们的页面速度仪表板提供了网站页面速度性能随时间变化的全面概述。 它还绘制了您相对于竞争对手的表现。

我们从两个来源收集数据：现场数据和实验室数据。 您可以在 Google 的文档中找到有关这些指标及其衡量内容的更多信息。 我们还有一些关于 HTTP2 和页面速度的更多技术信息。

• 现场数据
  捕获真实世界的用户数据。 这使我们能够识别现实世界的瓶颈。
  • 累积版式偏移 (CLS)
    测量视觉稳定性。 低 CLS 可确保页面的交互顺畅且无延迟。

• 首次输入延迟 (FID)
  测量负载响应能力。 低 FID 可确保页面可用并且用户可以与之交互。

• 最大含量涂料 (LCP)
  测量感知的负载速度。 快速 LCP 有助于让用户放心，页面有足够的内容呈现以与之互动。

首次内容绘制 (FCP)
测量感知的负载速度。 快速 FCP 有助于向用户保证正在发生的事情。

除了上面提到的 Core Web Vitals - LCP、FID 和 CLS - 我们还监控许多其他顶级指标，如下所列：

• 实验室数据
  从受控环境中收集数据。 这允许可重现的结果，这对于调试性能问题很有用。
  • 绩效得分
    使用页面的实验室数据指标来提供汇总分数。

• 累积版式偏移 (CLS)

• 最大含量涂料 (LCP)

• 首次内容绘制 (FCP)

• 速度指数
  速度指数衡量页面加载期间内容的视觉显示速度

• 互动时间 (TTI)
  测量负载响应能力。 快速 TTI 意味着页面可以快速使用和交互

• 总阻塞时间 (TBT)
  测量总响应能力。 低 TBT 意味着页面可用并且用户可以与之交互。

来自我们的页面速度跟踪器的见解

我们使用 Page Speed Tracker 的目标是提供 Google 现有的 PageSpeed Insights 工具无法提供的见解。

我们希望能够随着时间的推移跟踪相关指标。 这将使我们能够衡量页面速度计划的有效性或某些更改对网站的影响。

此外，如果我们只更新某个页面类型，我们希望能够在我们的分析中隔离这些页面类型。 同样，如果需要，我们希望能够查看特定设备类型或国家/地区的性能。

所有这些都是有助于为我们的客户提供优势的见解。 这些可以让他们进行有针对性的更改以提高他们自己的页面速度，就像我们对自己的网站所做的那样。

随着时间的推移测量页面速度性能，而不是单个快照，可以让我们确定我们何时朝着正确的方向前进。 它还可以准确地告诉我们我们移动了多少针。

同样重要的是，我们可以将网站性能与竞争对手的性能进行比较。 根据 Google 的评分系统，有时页面速度指标可能看起来很差。 但是，如果行业的性质需要使用大型、高质量的图像或视频，那么通过竞争对手分析来展示这一点对我们来说很重要。 根据谷歌的说法，一个网站可能表现不佳，但相对于竞争对手来说却很好，反之亦然。

仪表板的第一部分提供了与竞争对手相比我们客户的页面速度指标的高级概述。 时间序列图表让我们可以将多个页面速度得分与竞争对手进行比较。 我们对多个网站的竞争对手数据进行平均，以提供有关页面速度性能的行业展望。 因此，我们可以监控站点更改/迁移对站点速度的影响。

我们在仪表板下方包含了对核心网络重要指标的更细粒度的细分。 同样，我们在每张图表上都包含竞争对手数据以提供基准。

自定义过滤器使我们能够分析页面子集、国家和/或设备类型等的性能。

KPI 概览一目了然地为我们提供了实验室和现场数据指标。 我们再次为每个指标提供竞争对手数据，取多个竞争对手网站的平均值。

我们将 30 天平均值的变化包括在内，以显示改善或下降。 颜色编码突出显示易于识别的改进区域。 红色指标是 Google 认为较差的指标，在​​任何优化工作中都应优先考虑。 橙色指标是不错的分数，绿色指标是不错的分数。

仪表板的“页面类型”和“国家/地区”部分细分了我们客户网站中需要改进的区域。 这些显示了哪些区域和模板已经或没有朝着正确的方向发展。

更全面的竞争对手细分部分可让您查看多个竞争对手的页面速度指标。 这使您可以确定哪些竞争对手的网站尤其表现良好，并可能需要进行更多调查。

如果竞争对手在 SERP 上获得排名，我们可以查看此处以确定它是否与页面速度指标的积极变化相关。 或者，如果竞争对手重新设计其网站，我们将能够在此处监控对网站速度的影响。

现场数据图表显示用户体验快速、平均和慢速指标的百分比。 每周平均值让我们可以查看一段时间内的趋势，以确定提高页面速度指标的努力的影响。

我们可以制作额外的图表来满足客户的需求。

如何设置？

Ayima PageSpeed 控制台是我们为 SEO 客户提供的东西，因为它可以帮助我们提高性能。 如果您有任何问题或想了解更多信息，请与我们联系，我们很乐意听取您的意见！