前端性能优化小结（持续更新）

前端性能优化列表：

1. JS

• 减少 DOM 操作

• 预加载

• 懒加载

• tree shaking

• 防抖，节流

• 变量缓存

• for遍历优先

• 接口数据懒请求

2. CSS

• 减少类的层级

• 硬件加速（3d canvas webgl）

• 雪碧图

• 避免使用滤镜

3. html

• 减少无效标签

4. 整体

• 减少 http 请求数量（空 src http）

• keep-alive

• cdn 内容分发

• gzip 压缩

• js css 合并压缩，图像压缩

• 减少 cookie 大小

• 合理使用缓存

• js css 位置，避免阻塞

---

欢迎到前端学习打卡群一起学习～516913974