vue项目首屏加载优化

1、将第三方资源使用cdn引入

将项目中用到的一些第三方库通过cdn的方式引入的话，在打包的时候就不需要对第三方库进行打包，自然就减小了包的大小，首屏加载的时候所加载的内容也就减少了，加载时间就少了。

vue项目中通过cdn引入资源并配置

2、按需加载

如果还是需要在项目中npm安装依赖的话可以使用按需加载的方式来对组件进行引用。

以引入elementUI为例：

import Vue from 'vue';
import { Button,Input } from 'element-ui';

Vue.use(Button);
Vue.use(Input);

3、路由懒加载

实现路由懒加载的方法

4、图片懒加载

实现图片懒加载的方法

5、图片压缩

实现图片压缩的方法

6、代码压缩

实现代码压缩的方法

这里额外记录一个优化用户体验的方案：
使用来对组件进行缓存，优化用户体验。