前端性能优化小结(持续更新)
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
以上是关于前端性能优化小结(持续更新)的主要内容,如果未能解决你的问题,请参考以下文章