有效监控网站性能

有很多方法可以提升网站性能。但即使你遵循了所有建议，你真的能够保持网站的最佳状态吗？你针对的页面是否正确？Matt Zeunert 概述了一种有效的网站性能优化策略，并解释了不同类型的数据在其中扮演的角色。

 

衡量网站性能没有单一的方法。不过，谷歌用作排名因素的核心网站指标是一个很好的起点，因为它们涵盖了访客体验的不同方面：

• 最大内容绘制 (LCP)：衡量页面初始加载时间。
• 累积布局偏移 (CLS)：衡量内容在渲染后是否稳定。
• 交互到下一绘制时间 (INP)：衡量页面对用户输入的响应速度。

此外，您还可以使用许多其他网站性能指标来跟踪技术方面，例如页面大小或服务器响应时间。虽然这些指标通常与最终用户没有直接关系，但它们可以帮助您了解是什么因素导致页面速度变慢。

您还可以使用用户计时 API来跟踪您网站上重要的页面加载里程碑。

合成用户数据和真实用户数据 #

网站性能数据有两种不同的类型：

• 合成测试是在受控的测试环境中进行的。
• 真实用户数据来自实际的网站访问者。

综合监控可以提供非常详细的报告，帮助您识别页面加载速度问题。您可以精确配置数据收集方式，选择特定的网络速度、设备尺寸或测试地点。

使用免费的DebugBear 网站速度测试工具来检查您的网站，从而亲身体验合成监控。

也就是说，您的合成测试设置可能与真实访客的典型设置不符，而且您无法编写脚本来模拟人们可能与您的网站互动的所有方式。

这就是为什么您还需要真实用户监控 (RUM)。您不仅可以查看单一用户体验，还可以查看不同的加载时间以及特定访客群体受到的影响。您可以查看特定页面浏览情况，从而确定导致特定访客体验不佳的原因。

同时，由于网络 API 的限制和性能问题，真实用户数据不如合成测试报告详细。

DebugBear 提供合成监控和真实用户监控两种模式：

• 要设置合成测试，您只需输入网站 URL 即可。
• 要收集真实的用户指标，您需要在网站上安装分析代码段。

三个步骤打造快速网站 #

收集数据有助于您贯穿网站性能优化的整个生命周期。您可以遵循以下三个步骤：

1. 识别：收集网站数据，识别访客体验缓慢的环节。
2. 诊断：深入进行技术分析，找出优化方案。
3. 监控：检查优化是否有效，并在出现性能下降时收到警报。

让我们详细了解一下每个步骤。

第一步：识别访客体验缓慢的问题 #

是什么促使您首先关注网站性能问题？您可能已经想到了一些具体问题，无论是来自客户报告，还是因为Google Search Console 核心网站指标部分得分较低。

真实用户数据是检查页面加载速度慢的最佳途径。它能告诉你网站上的技术问题是否真的会导致糟糕的用户体验。收集整个网站的真实用户数据很容易（而合成测试则需要为每个URL单独设置）。而且，你通常还能获得浏览量以及性能指标。一个每月只有两个访客的中等速度页面，远不如一个每天有数千次访问的中等速度页面重要。

DebugBear 的 RUM 产品中的 Web Vitals 控制面板会检查您网站的性能状况，并显示访问量最高的页面和 URL，其中许多访问者的体验较差。

 

您还可以运行网站扫描，从站点地图中获取 URL 列表，然后将每个页面与 Google Chrome 用户体验报告 (CrUX)中的真实用户数据进行比对。但是，此方法仅适用于流量达到 CrUX 数据集最低阈值的页面。

扫描结果会突出显示网页质量评分较低的页面，您可能需要进一步调查这些页面。

如果没有真实用户数据，可以使用名为Unlighthouse的扫描工具，它基于 Google 的 Lighthouse 工具。该工具会对每个页面运行合成测试，您可以筛选结果以识别需要优化的页面。

步骤二：诊断网站性能问题 #

一旦你确定了网站上的慢速页面，就需要查看页面上实际发生了什么导致延迟。

调试页面加载时间 #

如果页面加载时间指标（例如最大内容绘制时间 (LCP)）存在问题，合成测试结果可以提供详细的分析。您还可以运行页面速度实验，以尝试和衡量某些优化措施的效果。