前端性能优化清单：用户感知比分数更重要

性能优化最容易陷的坑，是盯着 Lighthouse 分数较劲，却忘了用户真正在意的是「点开够不够快、滚动卡不卡」。分数只是参考，体验才是目的。下面是一份我常用的实战清单。

先解决首屏。图片是最大的拖累：用 WebP/AVIF 等现代格式，非首屏图加 loading=lazy，关键图用预加载。尺寸别一股脑传原图，按展示宽度出图能省下大量字节。

再管脚本。非关键 JS 标 defer 或 async，第三方脚本能懒加载就懒加载。很多站点慢，是慢在一堆统计、客服、广告脚本抢主线程。能用服务端渲染首屏的，就别全丢给前端。

缓存别忽视。静态资源加长效缓存再加内容哈希命名，用户二次访问几乎秒开。开启 gzip 或 brotrli 压缩，文本类资源体积能砍掉六七成。

最后是监控。本地测速和真实用户数据常常两样，有条件接 RUM，看真实世界的加载与交互延迟。优化是持续的事，不是上线前一次性冲刺。