前端性能优化实用清单（2025）

关键指标LCP：最大内容绘制时间，目标 ≤ 2.5s。CLS：累计布局偏移，目标 ≤ 0.1。INP：交互到下一绘制，目标 ≤ 200ms。资源与加载代码分割与懒加载：按路由与组件拆分，降低首屏体积。预加载与预获取：对关键路径资源使用 `preload`/`prefetch`。图片优化：使用 `srcset`/`sizes` 与现代格式（WebP/AVIF）。压缩与缓存：开启 Gzip/Brotli；合理配置长缓存与版本号。观测与治理采集：Lighthouse、Web Vitals SDK 与 RUM（真实用户监控）。告警：对 P75/P95 分位设阈值，结合发布灰度回滚。回归检查：CI 中加入体积与性能基线（如 bundle 大小门限）。结论以 Core Web Vitals 为度量，结合资源优化与观测闭环，可稳定提升用户体验并可持续迭代。