前端性能优化方法概述

一：减少http请求

二：使用http2

• 解析速度更快；

• 多路复用：在 HTTP2 上，多个请求可以共用一个 TCP 连接，这称为多路复用。同一个请求和响应用一个流来表示，并有唯一的流 ID 来标识。多个请求和响应在 TCP 连接中可以乱序发送，到达目的地后再通过流 ID 重新组建；

  3. gzip压缩

  4. 流量控制

  5. 优先级

• 可以对比较急的请求进行优先处理；

  6. 服务器端渲染

• 服务器端根据路径返回对应的html,客户端只需解析 HTML,如vue的ssr;

  7. 压缩js.html,css文件；

  8. 充分利用缓存；

• 避免重复请求，不重复加载相同的资源；

  用iconfont字体图标替代图片图标

  通过webpack 、import 按需加载

  避免重复累加绑定全局事件，合理绑定和解绑全局事件