你有对 Vue 项目进行哪些优化？
如果没有对 Vue 项目没有进行过优化总结的同学，可以参考本文作者的另一篇文章《 Vue 项目性能优化 — 实践指南 》，文章主要介绍从 3 个大方面，22 个小方面详细讲解如何进行 Vue 项目的优化。
（1）代码层面的优化
- v-if 和 v-show 区分使用场景
- computed 和 watch 区分使用场景
- v-for 遍历必须为 item 添加 key，且避免同时使用 v-if
- 长列表性能优化
- 事件的销毁
- 图片资源懒加载
- 路由懒加载
- 第三方插件的按需引入
- 优化无限列表性能
- 服务端渲染 SSR or 预渲染
（2）Webpack 层面的优化
- Webpack 对图片进行压缩
- 减少 ES6 转为 ES5 的冗余代码
- 提取公共代码
- 模板预编译
- 提取组件的 CSS
- 优化 SourceMap
- 构建结果输出分析
- Vue 项目的编译优化
- 开启TreeShaking
- 引入dllPlugin和dllReferencePlugin插件，将不需要改动的第三方插件和自己的业务代码分开打包，提高打包速度
（3）基础的 Web 技术的优化
-
开启 gzip 压缩
-
浏览器缓存
-
CDN 的使用
-
使用 Chrome Performance 查找性能瓶颈
参考链接：https://juejin.im/post/5d59f2a451882549be53b170
普通项目优化：
项目性能优化 seo
1、压缩源码和图片
2、选择合适的图片格式
3、合并静态资源 （减少HTTP请求）
4、开启服务器端的Gzip压缩
5、使用CDN
6、把CSS放在页面头部，把JavaScript放在页面底部
减少http请求；图片、样式、js压缩再使用，合并或压缩js和css文件；使用cdn；样式、脚本尽量使用外链；减少dom操作；html语义化；网站头部title,keywords,description正确描述；html语义化；
