Web Vitals
Web Vitals 是 Google 开发的以用户为中心的现代指标，用于衡量用户加载网页时的体验。这些指标评估网页内容的加载速度、浏览器响应用户输入的速度以及内容在浏览器中加载的稳定性。Google 在为移动设备上的网页进行排名时会将这些因素纳入考量。
目前，Site24x7 RUM 可测量六项 Web Vitals 指标。
- 累积布局偏移 (Cumulative Layout Shift)——此分数用于衡量页面的"视觉稳定性"。CLS 分数越低，视觉稳定性越好。
- 首次输入延迟 (First Input Delay)——此分数用于衡量用户首次与网站交互（例如点击链接、点击按钮或按下按键）到浏览器能够响应该交互之间的时间。
- 最大内容绘制 (Largest Contentful Paint)——衡量从页面开始加载到屏幕上渲染最大文本块或图片元素所经过的时间。
- 首次内容绘制 (First Contentful Paint)——衡量从页面开始加载到屏幕上渲染任何部分页面内容所经过的时间。
- 与下次绘制的交互 (Interaction to Next Paint)——通过评估用户访问页面过程中所有点击、触摸和键盘操作的延迟，衡量页面对用户交互的整体响应能力。最终 INP 值是排除异常值后记录的最长交互时间。
- 首字节时间 (Time to First Byte)——衡量从发出资源请求到收到响应首字节之间的时间。
Web Vitals 性能分类阈值
| 良好 | 需改进 | 较差 | |
|---|---|---|---|
| 累积布局偏移 | 小于 0.1 | 0.1 至 0.25 | 大于 0.25 |
| 首次输入延迟 | 小于 100 ms | 100 ms 至 300 ms | 大于 300 ms |
| 最大内容绘制 | 小于 2500 ms | 2500 ms 至 4000 ms | 大于 4000 ms |
| 首次内容绘制 | 小于 1800 ms | 1800 ms 至 3000 ms | 大于 3000 ms |
| 与下次绘制的交互 | 200 ms 及以下 | 200 ms 至 500 ms | 大于 500 ms |
| 首字节时间 | 小于 800 ms | 800 ms 至 1800 ms | 大于 1800 ms |
查看 Web Vitals 指标
登录您的 Site24x7 账户 > RUM > 您的应用 > Web Vitals。
Web Vitals 标签页
在指标摘要下，您可以获得所有六项 Web Vitals 指标的汇总，包括最小值、平均值、最大值、第 1 百分位、第 5 百分位、第 50 百分位等。
在Web Vitals 细分下，您可以获得 Web Vitals 指标的图形化表示。
图 1：Web Vitals 概述。
在Web Vitals 报表下，您可以获得针对网页、设备、浏览器、用户、域名、连接类型、热门视口及设备内存的 Web Vitals 报表。
图 2：Web Vitals 报表。
注意
点击单条数据还可将其作为筛选条件添加。
最大内容绘制标签页
您可以查看"良好"、"需改进"和"较差"网页的细分，以及受影响元素的数量和得分列表。下方是直方图分布，标记了第 75 百分位——Google 将其视为标准分数。页面底部还提供 Web Vitals 报表。
图 3：最大内容绘制标签页概述。
注意
同样，您可以在各自的标签页中查看其他指标的详细信息。
筛选和分析 Web Vitals 数据
您可以根据多种参数筛选网站性能数据，包括页面、浏览器、设备、连接类型、用户、域名、指标类型等。
图 4：筛选 Web Vitals 数据。
在网页中查看 Web Vitals 数据
登录您的 Site24x7 账户 > RUM >您的应用 > 网页。点击所需的事务即可查看所有 Web Vitals 指标的细分和直方图分布。
图 5：网页中的 Web Vitals 数据。
注意
Web Vitals 数据也可在仪表板和报表中查看。