js, css文件顺序优化
之前文章说到的js, css文件顺序优化,为了让渲染更快,我们需要把js放到尾部,css放到头部,然后还要注意在书写js的时候尽量减少重排,重绘。
书写html,css的时候尽量简洁,不要冗余,目的是为了更快的构建DOM树和CSSOM树。
我们在来说说请求优化,请求优化可以从请求数量和请求时间优化:
减少请求数量
- 将小图片打包成base64
- 利用雪碧图融合多个小图片
- javascript和css文件的合并
- 利用缓存
减少请求时间
- 减少HTTP请求
- 网络连接上的优化
- 页面内部优化
- 减少下载量
- 内联图片、IconFont
- 将js,css,html等文件能压缩的尽量压缩,减少文件大小,加快下载速度
- 利用webpack打包根据路由进行懒加载,不要初始就加载全部,那样文件会很大
- 能升级到高版本的http就升级到高版本
- 建立内部CDN能更快速的获取文件