vue antd admin 加载慢

如题所述

优化方法:
1.路由懒加载
此方法会把原本打包到一个app.js文件分开成多个js文件打包,这样会减小单个文件的大小,但是不会减小整个js文件夹的大小。通过这种方式可以做到按需加载,只加载单个页面的js文件。
2.组件异步加载
加载首页的时候,可以先给首页的子组件设置v-if = “false”,在页面初始化的时候再给子组件设置为true,此方法利用了v-if的惰性,setTimeout会使子组件在所有的组件初始化完成并显示后再对其子组件进行初始化。
注:在实际开发中还遇到了另一种情况也可以用此方法解决,在入口js中获取了app的token,但是在具体页面中发现不管是在created还是mounted中都是有时候能获取到token,有时候又不可以,是因为执行顺序的原因,可以通过 setTimeout 时间设置为0 这种方法把用到token的请求方法给排到最后,这样就能保证请求方法中有token了。
3. 使用异步组件,按需加载
es6的写法,`import` 函数会返回一个 `Promise` 对象。这样就实现了组件的按需加载,有需要的时候才会加载这个组件,同样也是优化首屏加载速度的一种方法。
4.图片量多的时候可以进行分批的加载
vue-lazyload插件,图片懒加载
5.外部引入一些插件,不要在vue中引入
列入,我在次项目中有用到moment.js这个插件,在vue内部引入后打包的项目大小要比在外部用src的方式引入打包的项目大个300k左右
温馨提示:答案为网友推荐,仅供参考