1.路由懒加载
所谓路由懒加载,其实就是路由通过import动态引入,而不是在文件最上面一个个全部引入,因为JS执行的时候会优先执行引入的文件,如果一次性引入过多,则会增加处理时长。
2.图片懒加载
图片在网页加载过程中是非常耗费资源的,所以如果有大量图片需要加载,建议使用懒加载的方式,常用的懒加载依赖包有 vue-lazyload
3.组件懒加载
组件懒加载依赖推荐@xunlei/vue-lazy-component,npm install @xunlei/vue-lazy-component
4.路由缓存
使用<keep-alive>包裹起来的路由页面可以缓存起来,避免每次加载的时候都要重新渲染
5.合理使用v-if与v-show
有过开发经验的基本都知道二者的区别,由于v-show是通过控制样式去显示隐藏的,不像v-if一样需要控制dom,所以效率是比较高的,在非必要情况下尽量使用v-show
6.第三方依赖按需引入
比如在平时开发中经常用到的UI库,尽量按需引入,一般都UI库也都提供了按需引入的方式