2020年5月5日，Google宣布将Web Vitals称为“健康网站的必要指标”。显而易见，绩效对企业有直接影响，而Google的这一举措则进一步证明了这一点。我们的使命是与客户共同创建高质量的软件，因此我们绝对将性能与高质量相关联。

以用户为中心的性能指标

鉴于绩效与人有关，我们需要一种基于人们的感知来测试绩效的方法。真正了解您的网站为用户带来的效果的唯一方法是在这些用户加载并与之交互时实际衡量其性能。这种类型的测量称为RUM（真实用户管理）。

请注意，存在一种可以根据用户的感知来衡量网站性能的度量标准，有几种类型的度量标准：

• 感知的加载速度 –页面可加载的速度以及将所有可视元素呈现到屏幕的速度。

• 加载响应性 –页面加载和执行任何必需的代码以使其快速响应用户的速度

• 运行时响应性 –页面加载后，页面对用户交互的响应速度有多快。

• 视觉稳定性 –页面上的元素是否以用户不期望的方式移动，并可能干扰他们的交互？

• 平滑度 –过渡和动画是否以一致的帧速率渲染并从一种状态流畅地流动到另一种状态？

衡量指标

根据Google宣布的Web Vitals，以下指标是衡量用户中心性能时最必要的一组指标。Google提到这些指标会随着时间而发展。

定义和目标速度

• 最大含量油漆（LCP）：衡量 装载  性能。为了提供良好的用户体验，LCP应该在 页面首次开始加载后的 2.5秒内发生 。

• 首次输入延迟（FID）：衡量 互动性。为了提供良好的用户体验，页面的FID应当小于  100毫秒。

• 累积版式移位（CLS）：衡量 视觉稳定性。为了提供良好的用户体验，页面的CLS应保持小于  0.1。

现场和实验室测量方法

在很多情况下，例如在站点处于测试阶段或投入生产之前，无法从实际用户那里评估性能。鉴于此事实，已经建立了两种测量方法：

• 实验室 –生产，预发布，本地测试等之前

• 字段 –实际用户监视，基于实际用户如何体验性能

现场测量工具：

• Page Speed见解

• Chrome用户体验报告

• 搜索控制台

• Firebase性能监控

实验室测量工具：

• 灯塔

• Chrome开发工具

只需衡量您的网站效果

开始衡量网站性能的最简单方法是使用Google Data Studio中的Chrome用户体验报告。该报告将整个网络上的所有网站编入BigQuery数据库，该数据库可在线公开获得。

设置仪表板：

1. 转到Chrome UX Dash – Google Data Studio仪表板的连接器。

2. 在原始网址字段中输入您的网站域

3. 点击下一步

4. 选择创建报告

适用于WeAreNolte.com的Chrome UX仪表板