vue项目的首页加载过慢如何优化

Question

最近用vue写的一个项目，内容蛮多的，最后发现打开首页的时候超级慢，main.js有3.9MB.......有什么好的优化方案吗？网上搜的优化方法都是在vue代码的写法上的调整，还有其他可以优化速度的地方不

Answer 1

这么大目测是没有压缩吧，用 webpack.optimize.UglifyJsPlugin 压缩之后加上gzip 在拆一下包 能小很多

Answer 2

图片预加载，可以试试

Answer 3

如果上面的全都用上了但还想进一步提升的话，可以尝试服务器端渲染，原理就是把首页分离出来，单独预先加载

Answer 4

路由懒加载，启用gzip

Answer 5

分离出框架库，路由懒加载，最后加上压缩。

Answer 6

根本不是这么优化的
公用的东西，就放到main.js
其他的公用只有2-3次的请放到其他单独文件！然后是懒加载什么的！
单独一个插件是优化不了的
vue-cli里有yarn build --report神技命令