深圳市博士通科技有限公司

网面优化,网页请求优化

2020/11/3 9:56:30   阅读:1839    发布者:1839


js, css文件顺序优化

之前文章说到的js, css文件顺序优化,为了让渲染更快,我们需要把js放到尾部,css放到头部,然后还要注意在书写js的时候尽量减少重排,重绘。

书写html,css的时候尽量简洁,不要冗余,目的是为了更快的构建DOM树和CSSOM树。


我们在来说说请求优化,请求优化可以从请求数量和请求时间优化:



减少请求数量


  • 将小图片打包成base64
  • 利用雪碧图融合多个小图片
  • javascript和css文件的合并
  • 利用缓存

减少请求时间



  • 减少HTTP请求
  • 网络连接上的优化
  • 页面内部优化
  • 减少下载量
  • 内联图片、IconFont
  • 将js,css,html等文件能压缩的尽量压缩,减少文件大小,加快下载速度
  • 利用webpack打包根据路由进行懒加载,不要初始就加载全部,那样文件会很大
  • 能升级到高版本的http就升级到高版本
  • 建立内部CDN能更快速的获取文件