项目性能优化
优化原则：
1.文件体积尽可能小
2.只加载必要的内容
优化点如下：
1. 无阻塞，重要资源先加载
2.图片尺寸不要超过2x,如果对图片清晰度展示要求不高，甚至可以使用1x图。
3.图片要进行压缩（tinypng.com/），色彩比较多的图片试试改用jpg，压缩到60～80，是否有明显缩小
4.已知图片宽高的，在img标签上加上宽高属性，有利于浏览器解析
5.组件或者类库引入尽量放在具体页面引入，不要放在全局
6.使用img srcset 和 css image-set()优化图片按需加载
7.懒加载，默认只加载首屏内容，进入可视区域之后请求图片资源，控制下第一屏的图片不用懒加载，可以设置class：lazyload，$('.lazyload').lazyload();
8.使用第三方组件或者类库优先考虑体积小的
9.按需加载，所有类库、组件库尽量做到按需引入，比如core-js按需引入，useBuiltIns:usage
10.webpack构建开启gzip压缩
11.第三方类库vue、element ui等，构建时采用DllPlugin单独打一个稳定版本包
12.尽量减少页面http请求数量，比如雪碧图、iconfont、小图片采取base64
13.接口数据避免传输不必要的字段
14. UI切图，能用文字的部分尽量用文字，少用图片
