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

发布于 2022-09-06 02:51:39 字数 257 浏览 16 评论 0

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

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

溺孤伤于心 2022-09-13 02:51:39

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

别低头,皇冠会掉 2022-09-13 02:51:39

图片预加载,可以试试

只怪假的太真实 2022-09-13 02:51:39

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

寻梦旅人 2022-09-13 02:51:39

路由懒加载,启用gzip

单挑你×的.吻 2022-09-13 02:51:39

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

-残月青衣踏尘吟 2022-09-13 02:51:39

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文