前端性能优化检查清单

资源加载

性能优化首先要看资源体积和加载顺序。

• 图片使用合适格式和尺寸
• 首屏关键 CSS 优先加载
• 非关键脚本延迟加载
• 第三方脚本保持克制

渲染效率

页面能不能快，不只取决于网络，也取决于浏览器要做多少工作。

• 避免不必要的大组件重渲染
• 列表渲染使用稳定 key
• 大列表考虑虚拟滚动
• 动画优先使用 transform 和 opacity

缓存策略

缓存是最便宜的性能优化之一。

Cache-Control: public, max-age=31536000, immutable

静态资源可以使用长缓存，HTML 和动态数据则需要更谨慎的策略。

小结

前端性能优化不是单点技巧，而是一套从构建、网络、渲染到交互体验的持续检查机制。