性能优化

代码层面

1. vue区分v-if， v-show的使用，computed,watch使用
2. v-for添加key
3. 长列表性能优化 Object.freeze
4. 事件的销毁
5. 图片资源懒加载
6. 第三方资源按需引入，babel-plugin-component

webpack层面

1. webpack对图片进行压缩 image-webpack-loader
2. 减少es6转换成es5的代码冗余
3. 提取公共代码
4. 模板预编译
5. 提取组件的CSS
6. 优化SoureMap
7. 构建结果输出分析

基础的web技术优化

1. 开启gzip压缩
2. 浏览器缓存
3. 使用Chrome performance查找性能瓶颈