2019-06-18 Web 性能优化的常用手段

• DNS查询:
  虽然不能优化DNS查询过程,但是可以通过减少DNS查询数量来加快查询的速度
• TCP连接:

1. 在HTTP请求头里加上keep-alive,服务器就会复用连接
2. HTTP/2.0多路复用

• 发送HTTP请求:

1. 减小Cookie体积
2. cacha-control缓存一次,以后直接跳过发送请求这一阶段
3. 同时发送多个HTTP请求(IE:4个,Chrome:8个),可以通过增加域名(1:41个,2:42个...)比如(css.cdn.com/x.css,js.cdn.com/x.js),这样就不会与DNS查询冲突了
   回答:!!!
   文件很少的时候没必要增加域名,文件多的时候就增加域名,这样可以同时请求四个或八个等,可以一下子都请求完成(用户带宽足够的前提下)(一般是搞cdn)

• 接收响应

1. 用E-tag:304, 使客户端不用再去下载整个文件,直接用上次的
2. 用Gzip压缩(优点:减小体积,缺点:耗费chrome的CPU)

• 使用CDN:
  增多并行下载数量

  
  CDN内容分布网络

总结:
使用 CDN:
增多并行下载数量
使用 Cache-Control
使用 Etag
使用 Gzip
合并文件（CSS、JS、图片）
调整 CSS 和 JS 的位置:
CSS放head里(尽早下载),JS放body最后(尽早显示页面,获取节点)
压缩图片的工具
增加域名以并行下载资源