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

标签：标签   缓存   start   html   加速   sha   性能优化   art   web   

前端性能优化列表：

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

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

标签：标签   缓存   start   html   加速   sha   性能优化   art   web   

原文地址：https://www.cnblogs.com/formercoding/p/12887838.html