前端性能优化小结（持续更新）
Posted formercoding
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端性能优化小结（持续更新）相关的知识，希望对你有一定的参考价值。
前端性能优化列表：
- JS
-
减少 DOM 操作
-
预加载
-
懒加载
-
tree shaking
-
防抖，节流
-
变量缓存
-
for遍历优先
-
接口数据懒请求
- CSS
-
减少类的层级
-
硬件加速（3d canvas webgl）
-
雪碧图
-
避免使用滤镜
- 减少无效标签
- 整体
-
减少 http 请求数量（空 src http）
-
keep-alive
-
cdn 内容分发
-
gzip 压缩
-
js css 合并压缩，图像压缩
-
减少 cookie 大小
-
合理使用缓存
-
js css 位置，避免阻塞
欢迎到前端学习打卡群一起学习～516913974
以上是关于前端性能优化小结（持续更新）的主要内容，如果未能解决你的问题，请参考以下文章