Web性能（三）：HTTP1.1的特性

HTTP1.0的优化策略

“请升级到HTTP1.1”。

完了~

---

HTTP1.1

网络优化的一些规则

• 减少DNS查询：每次域名解析都需要一次网络往返，增加请求的延迟，在查询期间会阻塞请求。
• 减少HTTP请求：去掉不必要的资源请求。
• 使用CDN：在地理上将数据服务放在接近客户端的地方，可以显著减少每次TCP连接的网络延迟，增加吞吐量。
• 使用Expires首部并配置ETag标签：资源缓存，Expires首部用户指定缓存时间，在这个时间内可以从缓存取得资源，完全可以避免HTTP请求。
• Gzip资源：文本资源使用Gzip压缩，然后再在客户端与服务端之间传输。
• 避免HTTP重定向：重定向及其耗时，特别是完全跨域的重定向。

解决问题的核心就是：消除和减少不必要的网络延迟，把传输的字节数降到最少。

---

HTTP1.1的特性

持久连接的优点

1. 非持久HTTP连接的代价
2. 持久HTTP连接的好处

---

HTTP管道

1. 并行处理请求
2. 管道弊端（队首阻塞问题）
3. 被大多浏览器禁用

---

并行TCP连接

1. 并行的好处
2. 并行的代价

---

域名分区

1. 每个主机最多打开6个连接
2. 域名分区，使得可以在不用的主机上分布资源，向不同的主机发起并行连接，而且因为减少看对用以主机的负担，减少处理队列的等待时间，从而突破了浏览器的连接限制，实现更好的并行性。
3. 然而，每个新主机名都有一次额外的DNS解析查询，每多一个套接字都会消耗端系统的资源。
4. 如果使用的是HTTPS，那么还有TLS握手导致的额外网络往返。

几点注意：

• TCP的优化是首先该考虑的
• 浏览器会自动打开6个连接
• 资源的数量，打小和响应时间都会影响最优的分区数目。
• 客户端延迟和带宽会影响最优的分区数目。
• 域名分区会因为额外的DNS查询和TCP慢启动而影响性能。

DNS查询和TCP慢启动导致的额外消耗对高延迟客户端的影响最大，换句话说，移动（3G/4G）客户端经常是受过度域名分区影响最大的

---

连接与拼合

对HTTP1.x而言，可以通过对多个资源的打包，用一次请求来完成。

• 连接：把多个JS文件或CSS文件组合为一个文件
• 拼合：将多张图片组合为一个更大的复合的图片

缺点：

• 源包中可能包含不需要的内容
• 占用缓存，影响页面的执行速度
• 降低了初始启动的速度
• CSS文件越大，浏览器在构建CSSOM前经历的阻塞时间越长，从而推迟了首次绘制页面的时间。类似的，JS文件越大，对执行速度的影响同样越大。（DOM在JS执行完毕前无法进行，而JS在CSSOM构建完成前也无法进行，这就是它们的阻塞依赖关系）
• 
  
  • -