性能优化集

1. 使用本地缓存
2. 减少cookie大小
3. 减少HTTP请求
4. 减少DNS查询
5. 组件gzip压缩，webP，lazyLoad。
6. 减少dom数量
7. 适应CDN
8. 配置ETag
9. 减小cookie大小
10. JS/CSS 优化，加载顺序，服务端渲染，pipeline。
11. CSS放在顶部，js放在底部，css使用link导入而不是@import
12. 压缩代码和资源文件
13. 精简代码 减少dom数量 减少dom操作
14. 精灵图 base64
15. 不使用iframe（阻塞onload）
16. 禁止使用gif图片实现loading效果（降低cpu消耗）
17. css3动画代替js动画
18. 检测页面加载时间一般有两种方式，一种是被动去测：就是在被检测的页面置入脚本或
19. 探针，当用户访问网页时，探针自动采集数据并传回数据库进行分析，另一种主动监测
20. 的方式，即主动的搭建分布式受控环境，模拟用户发起页面访问请求，主动采集性能数
21. 据并分析，在检测的精准度上，专业的第三方工具效果更佳，比如说性能极客。
22. 避免重定向
23. 防抖、节流
24. 资源懒加载、预加载
25. 开启Nginx gzip压缩
26. 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作
27. 合理使用 v-if 和 v-show
28. v-for 遍历为 item 添加 key
29. v-for 遍历避免同时使用 v-if
30. 区分 computed 和 watch 的使用
31. 编码阶段
32. 通过 addEventListener添加的事件在组件销毁时要用 removeEventListener 手动移除这些事件的监听
33. 尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcher
34. 路由懒加载
35. SPA 页面采用keep-alive缓存组件
36. 防抖、节流
37. 第三方模块按需导入
38. SSR服务端渲染，首屏加载速度快，SEO效果好
39. 打包优化
40. 压缩代码
41. 使用cdn加载第三方模块
42. 多线程打包happypack
43. splitChunks抽离公共文件
44. sourceMap优化

seo优化

1. 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可
2. 语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页
3. 重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取
4. 重要内容不要用js输出：爬虫不会执行js获取内容
5. 少用iframe：搜索引擎不会抓取iframe中的内容
6. 非装饰性图片必须加alt
7. 提高网站速度：网站速度是搜索引擎排序的一个重要指标