背景
项目其实已经经过几次优化,目前有点时间,想在原来的基础上继续优化下,看看还有没有其它可以优化的地方,毕竟能够快一点,就快一点,快一点总是比慢一点好
目前是这样的


backend.js是什么?
这个文件以前没有注意到,这次看到不知道为什么会有这个js文件,不知道是用来做什么的,项目中并没有引入这个js文件。
这个是devtool的引入的js,如果没有安装devtool就不会引入这个js,所以这个不需要优化。
dllself 文件
可以看到dllself这个文件压缩后,还有差不多311kb,时间差不多占了一半的时间,这个体积有点大,可以想办法把它的体积减少一点。 测试了一下,当包含anzi-ui的时候,打包体积


测试一下

可以看到dllself的下载时间从2.68s直接下降到了34ms,下降了差不多90%,虽然main.xx.js的体积相应的增大了,但是下载时间并没有增加很多,从4.81s到4.26s, 并没有多大的变化。
删除unused file

main.js优化
从图上还可以看到main.js的时间基本上最大的了,基本上占了4s左右,基本上90%的时间都是在这里了。 根据28原则,首先思考下,如何优化这里的时间。 使用webpack-bundle-analyzer 分析打包好的main.js

1, 删除raven.js,可以看到main.js 从1.1M到931kb了

