Web 性能优化：从首屏 SSR、图片按需懒加载到字体优化的全链路实践
优化网站的 Core Web Vitals（LCP / FID / CLS）是一项系统性工程，分享一些生产环境落地的有效指标：
- LCP 优化：首屏关键内容务必服务端预渲染（SSR），减少客户端骨架屏等待时间；
- 图片优化：使用 WebP/AVIF 格式，小缩略图提前占位避免布局偏移（CLS）；
- 字体加载：设置
font-display: swap，避免文字隐形等待（FOIT）； - 按需分包：路由级别懒加载，重型组件（富文本、代码高亮）动态
import()。
做完这些后，我们的移动端 Lighthouse 评分直接从 65 分拉到了 96 分。大家平时最关注哪项优化指标？
