网面优化,网页请求优化


js, css文件顺序优化

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

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


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


减少请求数量


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

减少请求时间


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

浏览器从输入URL到渲染完页面的整个过程是怎么样的?
« 上一篇 2020年11月3日 上午12:00
用CSS3绘制一个爱心
下一篇 » 2020年11月3日 上午12:00