HTTPS、SPDY 和 HTTP/2 性能的简单对比

发布于 2021-11-09 19:42:56 字数 5205 浏览 1246 评论 0

Firefox 35 这周发布了,成为第一个默认开启支持 HTTP/2协议 的浏览器。Chrome 也支持了,只是以 SPDY 4 的名义,并且要自己在 about://flags 里面手动开启。

不过 HTTP/2 规范还没有最终完成,所以 Firefox 实际上支持的是 HTTP/2第14版草案,这个版本的草案离最终发布可能不会有大改动了。Google 现在在其服务器上同时支持了 HTTP/2 的第 14 草案和 SPDY协议,这就给我们了一个基于同一个网页来对比 HTTPS、SPDY 和 HTTP/2 的性能的机会。

HttpWatch 也更新了,从而可以在 Firefox 里面监控 HTTP/2 了,它现在有一列专门显示每个请求所使用的协议了:

134617_ehOv_2321044.png

性能对比

这组性能测试是使用 Firefox 和 HttpWatch,测试页面为 Google 英国首页,使用了三种协议:

  • 原始的HTTPS
  • SPDY/3.1
  • HTTP/2

通过在Firefox的about:config中启用/禁用下面的功能来切换不同的协议:

134715_DA6s_2321044.png

每次测试都是基于空缓存的。所以即便这个测试很简单并且只基于一个网站,但其结果还是具有代表性的。

测试#1:请求和响应报头的大小

大部分网站在下载文本内容的时候已经启用了压缩(Gzip),因为它可以提供很明显的性能优势。但是很不幸,HTTP/1.1 不支持压缩每个请求和相应的HTTP报头。SPDY和后来的HTTP/2旨在使用不同的压缩类型来弥补这个短板。

SPDY使用普通的DEFLATE 算法而HTTP/2使用专门为压缩报头而设计的HPACK算法。它使用预定义的token、动态表以及哈夫曼压缩。

从一个空请求也可以看到生成的报头大小的不同。在Google英国首页有返回空内容的信标请求(204返回码)。下面是HttpWatch的截图,‘Sent’列显示请求报头的大小,‘Received’列显示响应报头的大小:

134815_YrUi_2321044.png

134815_MRTj_2321044.png

134815_GlNL_2321044.png

胜出: HTTP/2

HTTP/2 的报头大小还是很明显的,看来 HPACK 确实不错。

测试#2:响应信息大小

响应信息包括响应报头和编码过的响应内容。HTTP/2 提供了最小的报头,那么它会否给到最小的响应信息?

图片资源是这样的:

134924_YOPS_2321044.png

134925_49iM_2321044.png

134925_spDL_2321044.png

但是,对于文本内容SPDY却有着更小的响应信息,尽管它的报头比HTTP/2要大:

135007_EdAH_2321044.png

135007_qy7w_2321044.png

135008_lZYg_2321044.png

原因在于可被添加到HTTP/2数据帧的可选填充字节。HttpWatch 现在并不能显示填充,但是在 debug log 里面可以看到 Google 服务器向文本内容的数据帧中添加了填充。HTTP/2规范给到的使用填充的理由是

填充可以用来混淆帧内容的实际大小,而且减少HTTP中的特殊攻击。例如,压缩的内容包含攻击者控制的明文和秘密数据的攻击(见 [BREACH])。

填充不会用于图片文件,因为它已经是压缩过的格式了,并不包含攻击者控制的纯文本。

胜出:SPDY

在 Google 服务器上看到的较大的响应体是因为在数据帧中使用了填充。尽管,HTTP/2 产生了比 SPDY 大的响应信息,它的加密连接可能会更安全。这可能会是安全和性能权衡折衷的一个地方。

测试#3:TCP 连接数和 SSL 握手请求时间

通过将每个域名的最大并发连接数从 2 个提升到 6 个甚至更多,浏览器在 HTTP/1.1 实现了明显的性能提升。增加并发使得网络带宽可以更有效的利用,因为它减少了 请求块

SPDY 和 HTTP/2 通过复用单个连接来允许多个请求一次发送和接收数据来支持在一个TCP和SSL连接中的并发。

增加了 Connect 和 SSL Handshake 时间后,SPDY:

135049_1CUe_2321044.png

HTTP/2:

135117_DH77_2321044.png

它们只为不同的域名创建连接,而原来的 HTTPS 可以为一个域名来创建多个连接来提高并发:

135145_55yT_2321044.png

共同胜出: SPDY & HTTP/2

在 SPDY 和 HTTP/2 中增加的复用支持减少了下载页面时不得不设置的网络连接的数量。作为附加好处,当 HTTP/2 使用的更加广泛时,网络服务器不用再不得不维护太多的活动 TCP 连接了。

测试#4:页面加载时间

HttpWatch 中的 Page Load 时间显示页面被完全下载并可用的时间。大部分情况下,这是合理的网页速度的衡量数据。

下面的截图显示了三种协议的页面加载时间:

135229_S4sQ_2321044.png

135230_vHIK_2321044.png

135230_TmxH_2321044.png

胜出:HTTP/2

原生的 HTTPS 的加载时间最长的原因可能是缺乏报头压缩和额外的 TCP 连接和 SSL 握手请求。对于更复杂的页面来说,SPDY 和 HTTP/2 的优势可能会更加明显。

我们也发现 HTTP/2 通常比 SPDY 要快,尽管它的响应信息通常更大。这个优势可能是因为HPACK压缩减少的更小的GET请求信息。我们的网络连接,和许多人一样,是非对称的——网络上传速度比下载速度小很多。这意味着任何节省的上传数据比节省的等量的下载数据 更有价值

结论

HTTP/2 看起来能提供明显的性能优势,然而,响应信息中填充的使用会是一个潜在的关于性能和安全的权衡点。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

勿忘初心

暂无简介

0 文章
0 评论
638 人气
更多

推荐作者

醉城メ夜风

文章 0 评论 0

远昼

文章 0 评论 0

平生欢

文章 0 评论 0

微凉

文章 0 评论 0

Honwey

文章 0 评论 0

qq_ikhFfg

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文