前端性能预算与监控实战

1. 指标与预算

• Core Web Vitals：LCP、CLS、INP；性能预算设定方法。
• 资源预算：JS/CSS/图片体积与请求数；首屏大小与关键路径。

2. 监控与报警

• 实时上报与采样；分维度看板；阈值报警与抑制。

3. 优化闭环

• 分包与懒加载；图片与字体优化；预加载与缓存。
• CI 阶段的 Lighthouse 分数守门与回归趋势。