前端性能优化方法概述

一:减少http请求

二:使用http2

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

    3. gzip压缩

    4. 流量控制

    5. 优先级

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

    6. 服务器端渲染

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

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

    8. 充分利用缓存;

  • 避免重复请求,不重复加载相同的资源;

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

    通过webpack 、import 按需加载

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

你可能感兴趣的:(前端)