性能优化先抓大头

前端优化最容易出现的问题，是花很多时间抠小数点，却忽略了真正影响体验的大头。与其纠结一段代码快 2%，不如先看包体积、首屏资源、请求时机、图片大小和缓存策略。

只要把这些基础项做好，页面体验通常就能上一个台阶。

1. 减少首屏负担

不要让首页一次加载所有资源。能延后加载的组件就延后，能按需引入的依赖就按需，能拆分的 chunk 就拆分。首屏最宝贵的是“尽快可交互”，不是“一次全到位”。

2. 图片和图标做压缩

很多项目慢，不是因为逻辑太复杂，而是图片太重。该用 WebP 就用 WebP，该裁剪就裁剪，能用 SVG 的图标尽量别上大图。资源体积下降之后，收益往往立竿见影。

3. 列表与滚动要克制

长列表、复杂卡片、频繁滚动监听是常见性能热点。该虚拟列表就虚拟，该节流就节流，该减少重排就减少。不要让页面在滚动时持续做高频重计算。

4. 缓存和预取要配合业务

缓存不是越多越好，关键是静态资源、接口数据和页面导航的命中率是否合理。对访问路径稳定的页面，适当预取很有帮助；对变化快的内容，则要避免缓存过期带来的错误展示。

结语

前端优化不神秘，核心就是把资源、渲染、交互和缓存这四件事一项项做扎实。与其追逐花哨概念，不如先把那些真正影响用户体验的细节处理好。