前端性能优化

1.加载文件时间少，少加载文件

1. dns prefetch  页面用到域名可以dns预请求

2. preload  首屏需要的关键文件css，js可以预先加载

3. prefetch 首屏用不到的文件，页面加载时用不到的文件，后面页面可能会用到，可以延迟加载

【可以配合webpack  组件懒加载，路由懒加载等】

4. iconfont 雪碧图 小图片处理方式 减少请求, 图片懒加载  [图片的选择 png, jpg, svg, iconfont, base64，webp等]

5. Cache Control, expires缓存策略  强缓存和协商缓存,  base64内存缓存图片，离线缓存

6. gzip压缩  [webpack的js，css压缩合并,图片压缩等]

7. cdn

8. 本地存储 [尽量不要用cookie]

9. webpack 减少app.js大小。配合code spliting

10. 库引入的懒加载，例如echarts这种重量级包，或者部分引入

11. 服务器端渲染 [nuxt, next]

2.代码执行优化

1. 节流和防抖

节流，一定时间内只执行一次
防抖，当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定时间到来之前，又触发了事件，就重新开始延时

2. 回流和重绘

3. 代码层次的优化  PureCommponent,shouldComponentUpdate,v-if/v-show,key的指定等

4. 虚拟列表 react-virtualized