1、将第三方资源使用cdn引入
将项目中用到的一些第三方库通过cdn的方式引入的话,在打包的时候就不需要对第三方库进行打包,自然就减小了包的大小,首屏加载的时候所加载的内容也就减少了,加载时间就少了。
2、按需加载
如果还是需要在项目中npm安装依赖的话可以使用按需加载的方式来对组件进行引用。
以引入elementUI为例:
import Vue from 'vue';
import { Button,Input } from 'element-ui';
Vue.use(Button);
Vue.use(Input);
3、路由懒加载
4、图片懒加载
5、图片压缩
6、代码压缩
这里额外记录一个优化用户体验的方案:
使用来对组件进行缓存,优化用户体验。