Vue项目加载慢,有什么方法可以找到问题原因,怎么解决?

发布网友 发布时间：2022-04-23 07:34

我来回答

共5个回答

热心网友 时间：2022-05-01 20:36

什么导致了首页初步加载过慢
请看下面一张图就清楚了

即app.js文件过大导致的。。。

如何来处理
vue-route 懒加载
component： resolve => require([''],resolve)


在webpack打包的过程中，将多余文件去掉，如map文件

即在config/index.js中将proctionSourceMap的值修改为false，就可以在编译时不生成.map文件了


cdn
在项目开发中，我们会用到很多第三方库，如果可以按需引入，我们可以只引入自己需要的组件，来减少所占空间，但也会有一些不能按需引入，我们可以采用CDN外部加载，在index.html中从CDN引入组件，去掉其他页面的组件import，修改webpack.base.config.js，在externals中加入该组件，这是为了避免编译时找不到组件报错。

vue 异步加载
vue异步加载分为组件的异步加载和请求时的异步加载两种情况。

组件异步加载即为路由的异步
方法一：

方法三：webpack提供的require.ensure()
vue-router配置路由，使用webpack的require.ensure技术，也可以实现按需加载。
这种情况下，多个路由指定相同的chunkName，会合并打包成


可能到时候打包的时候会出现路径找不到情况，这时候在webpack.prod.conf.js中修改下一些文件

热心网友 时间：2022-05-01 21:54

可以通过控制台Network查看是不是网络的原因
如果不是网络原因有可能是文件过大,打包的时候选择一些合适的压缩策略
开发的时候可以使用vue DevTools 对vue的开发帮助很大,也能解决vue的一些问题
具体问题具体分析!

热心网友 时间：2022-05-01 23:29

加内存，尽量双处理器、专业显卡。

热心网友 时间：2022-05-02 01:20

硬件问题，检查硬盘，用ssd试试，然后优化场景呗，模型该合并的合并。看不到的删掉

热心网友 时间：2022-05-02 03:28

智能小程序回答：硬件问题,检查硬盘,用ssd试试,然后优化场景呗,模型该合并的合并。看不到的删掉