性能
性能 跟踪直接从访问者浏览器收集的真实用户 Core Web Vitals。 可用于识别加载缓慢的页面、发现随时间变化的回归，并比较不同设备和浏览器上的性能。
使用场景
- 识别加载缓慢、可能影响用户体验或 SEO 排名的页面。
- 比较不同设备、浏览器和地区的 Core Web Vitals。
- 验证性能改进随时间带来的影响。
用法
将 data-performance 属性添加到你的跟踪脚本中，以启用 Core Web Vitals 的自动收集。
<script
defer
src="http://mywebsite.com/umami.js"
data-website-id="94db1cb1-74f4-4a40-ad6c-962362670409"
data-performance="true"
></script>启用后，Umami 将自动从访问者的浏览器中捕获性能指标，并在该网站的 性能 选项卡下报告这些数据。
指标
| 指标 | 描述 |
|---|---|
| LCP | 最大内容绘制 — 最大可见元素完成渲染所需的时间。 |
| INP | 下一次绘制的交互 — 页面对用户交互的响应速度。 |
| CLS | 累计布局偏移 — 视觉稳定性；越低越好。 |
| FCP | 首次内容绘制 — 屏幕上首次内容完成渲染所需的时间。 |
| TTFB | 首字节时间 — 从请求到服务器返回第一个字节所需的时间。 |
阈值
每个指标都会根据 Google 定义的阈值进行评级：
| 指标 | 良好 | 需要改进 | 较差 |
|---|---|---|---|
| LCP | < 2,500 毫秒 | 2,500 – 4,000 毫秒 | > 4,000 毫秒 |
| INP | < 200 毫秒 | 200 – 500 毫秒 | > 500 毫秒 |
| CLS | < 0.1 | 0.1 – 0.25 | > 0.25 |
| FCP | < 1,800 毫秒 | 1,800 – 3,000 毫秒 | > 3,000 毫秒 |
| TTFB | < 800 毫秒 | 800 – 1,800 毫秒 | > 1,800 毫秒 |
百分位数
结果会以三个百分位级别显示：
| 百分位 | 描述 |
|---|---|
| p50 | 中位数 — 一半用户体验到该值或更好。 |
| p75 | 第 75 百分位 — 大多数用户体验到的值。Google 使用它进行 Core Web Vitals 评分。 |
| p95 | 第 95 百分位 — 代表大多数用户的最差情况体验。 |
查看性能
进入某个网站并点击 性能 选项卡。
选择某个指标卡片可将图表聚焦到该指标。使用 百分位 下拉菜单可在 p50、p75 和 p95 之间切换。
页面和环境细分
页面底部会显示所选指标按 页面（路径或标题）和 环境（设备或浏览器）细分后的结果，帮助你找出哪些页面或客户端性能较差。