Chromium内核浏览器访问localhost时的初始连接(initial connection)高延迟问题

HearyHTTPd代码里设置为监听的host为127.0.0.1时,在Chrome中用 http://localhost:8080 会有较大initial connection lantency从而变得较慢,而用 http://127.0.0.1:8080 访问则很快。

Chromium内核浏览器访问localhost时的初始连接(initial connection)高延迟问题

1 问题描述

在开发基于NIO的HearyHTTPd服务器的时候,发现使用 http://localhost:8080 访问时,存在高初始连接(initial connection)延迟的问题,影响达数百毫秒。

经过对比和排查,发现问题仅限于基于Chromium内核的浏览器,而Firefox浏览器表现出了稳定且高速的性能。

2 实验结果

通过netstat -an发现,不论输入的监听host为localhost,还是127.0.0.1,在计算机上监听的都是127.0.0.1:8080,没有监听IPv6的[::1]:8080

2.1 Chromium内核浏览器

测试的Chromium内核浏览器:

  • Google Chrome 83.0.4103.106(正式版本) (64 位)
  • Microsoft Edge 83.0.478.54 (官方内部版本) (64 位)

两款浏览器差异不大,数值范围几乎一致。

测试结果:

hhttpd host request localhost:8080 127.0.0.1:8080 [::1]:8080
localhost 首个文件(index.html) 3~10 ms 3~10 ms ERR_CONNECTION_REFUSED
后续资源(js/css/fonts…) 250~700 ms 3~20 ms ERR_CONNECTION_REFUSED
127.0.0.1 首个文件(index.html) 3~10 ms 3~10 ms ERR_CONNECTION_REFUSED
后续资源(js/css/fonts…) 250~700 ms 3~20 ms ERR_CONNECTION_REFUSED
[::1] 首个文件(index.html) 3~10 ms ERR_CONNECTION_REFUSED 3~10 ms
后续资源(js/css/fonts…) 3~20 ms ERR_CONNECTION_REFUSED 3~20 ms

2.2 Firefox浏览器

测试的Firefox浏览器:

  • Firefox 77.0.1 (64 位)

测试结果:

hhttpd host request localhost:8080 127.0.0.1:8080 [::1]:8080
localhost 首个文件(index.html) 2~4 ms 1~2 ms ERR_CONNECTION_REFUSED
后续资源(js/css/fonts…) 2~15 ms 2~10 ms ERR_CONNECTION_REFUSED
127.0.0.1 首个文件(index.html) 2~4 ms 1~2 ms ERR_CONNECTION_REFUSED
后续资源(js/css/fonts…) 2~15 ms 2~10 ms ERR_CONNECTION_REFUSED
[::1] 首个文件(index.html) 2~4 ms ERR_CONNECTION_REFUSED 1~2 ms
后续资源(js/css/fonts…) 2~15 ms ERR_CONNECTION_REFUSED 2~10 ms

2.3 实验总结

从结果上来看,通过localhost访问hhttpd的高初始连接(initial connection)延迟问题仅出现在基于Chromium内核的浏览器上。

从分布来看,直接使用IP地址访问监听的IP地址(不论IPv4还是IPv6)都是最快的。

总体而言,Firefox表现出的性能最好。

3 原因分析

暂时还没有找出造成该问题的准确原因。

推测可能与Chromium遇到localhost时,优先访问IPV6的本地环回地址[::1]有关。

4 解决方案

推荐直接使用IP地址访问监听的IP地址(不论IPv4还是IPv6)。

5 参考资料

stalled和Initial connection偶尔请求时间长

Why is the initial connection time for a HTTP request so long?

支持我的写作!(Support my writing!)

欢迎关注我的其它发布渠道