前端优化性能

• 降低请求量

  1. 合并资源，减少http请求数量。      
  2. 懒加载（lazyLoad），分批加载，每次只加载一部分。
  3. 使用字体图标、css绘制代替部分图片

• 缓存

  1. HTTP协议缓存请求
  2. 离线缓存
  3. 本地缓存

• 渲染

  1. js 优化：防抖，节流，事件委托，减少重排重绘。
  2. css优化：提取公共样式（减少代码量），减少选择器嵌套层数，字体图标，精灵图。
  3. 服务端渲染
  4. 使用Web Workers
  5. CSS写在头部，JS写在尾部

• 网络优化

  1. 预解析DNS
  2. 使用HTTP2.0
  3. 并行加载
  4. CDN分发
  5. webP，对图片进行压缩，减少图片面积 

• 其他

  1. 第三方组件按需加载