码迷,mamicode.com
首页 > 其他好文 > 详细

前端性能优化小结(持续更新)

时间:2020-05-14 13:19:22      阅读:68      评论:0      收藏:0      [点我收藏+]

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

前端性能优化列表:

  1. JS
  • 减少 DOM 操作

  • 预加载

  • 懒加载

  • tree shaking

  • 防抖,节流

  • 变量缓存

  • for遍历优先

  • 接口数据懒请求

  1. CSS
  • 减少类的层级

  • 硬件加速(3d canvas webgl)

  • 雪碧图

  • 避免使用滤镜

  1. html
  • 减少无效标签
  1. 整体
  • 减少 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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!