以下是关于 Performance API 性能上报的基本知识点总结:
一、性能监控核心指标体系
1. 关键性能指标(Web Vitals)
指标 | 标准 | 采集方式 | 健康阈值 |
---|
LCP (最大内容绘制) | 测量加载性能 | PerformanceObserver | ≤2.5s |
FID (首次输入延迟) | 测量交互响应 | PerformanceObserver | ≤100ms |
CLS (累积布局偏移) | 测量视觉稳定性 | PerformanceObserver | ≤0.1 |
TTFB (首字节时间) | 测量服务器响应 | navigation timing | ≤800ms |
2. Performance API 三级标准