vue项目的首页加载过慢如何优化
最近用vue写的一个项目,内容蛮多的,最后发现打开首页的时候超级慢,main.js有3.9MB.......有什么好的优化方案吗?网上搜的优化方法都是在vue代码的写法上的调整,还有其他可以优化速度的地方不
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
最近用vue写的一个项目,内容蛮多的,最后发现打开首页的时候超级慢,main.js有3.9MB.......有什么好的优化方案吗?网上搜的优化方法都是在vue代码的写法上的调整,还有其他可以优化速度的地方不
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(6)
这么大目测是没有压缩吧,用
webpack.optimize.UglifyJsPlugin
压缩之后加上gzip 在拆一下包 能小很多图片预加载,可以试试
如果上面的全都用上了但还想进一步提升的话,可以尝试服务器端渲染,原理就是把首页分离出来,单独预先加载
路由懒加载,启用gzip
分离出框架库,路由懒加载,最后加上压缩。
根本不是这么优化的
公用的东西,就放到main.js
其他的公用只有2-3次的请放到其他单独文件!然后是懒加载什么的!
单独一个插件是优化不了的
vue-cli里有yarn build --report神技命令