通过单个HTTP / 2连接反应本机映像请求

sga*_*a62 5 multiplexing amazon-cloudfront http2 react-native react-image

<Image>每个屏幕都有许多React Native 组件渲染,并且由于同时存在许多HTTP请求,因此出现性能问题。打开和关闭连接的成本很高,并且同时连接过多会导致限制,从而导致超时。

HTTP / 2具有多路复用功能,允许通过单个连接而不是多个连接同时运行客户端和服务器之间的多个请求和响应消息,从而缩短了页面加载时间。

CloudFront默认情况下支持HTTP / 2,HTTP / 1.1和HTTP / 1,具体取决于客户端在请求标头中发送的版本。

我们注意到,我们的React Native应用程序正在将HTTP / 1.1作为版本的HTTP请求发送到请求标头中<Image>。与流行的应用程序不同,我们为每个GET打开和关闭一个连接。我们如何确保React Native Image请求使用HTTP / 2并共享连接?

(我们的映像都共享相同的CloudFront域。)

在此处输入图片说明


编辑-更多信息:

我们的CloudFront发行版支持HTTP / 2:

在此处输入图片说明

看来客户端和服务器在h2上达成了共识:

在此处输入图片说明