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