Реагировать на собственные запросы изображений через одно соединение HTTP/2

У нас много React Native <Image> компоненты рендеринга на экран и являются свидетелями проблем с производительностью из-за множества одновременных HTTP-запросов. Открытие и закрытие соединения обходится дорого, а наличие слишком большого количества одновременных соединений может привести к ограничениям, которые вызывают таймауты.

HTTP/2 поддерживает мультиплексирование, позволяя одновременно отправлять несколько запросов и ответных сообщений между клиентом и сервером по одному соединению, а не по нескольким, что сокращает время загрузки страницы.

CloudFront поддерживает HTTP/2, HTTP/1.1 и HTTP / 1 по умолчанию в зависимости от версии, которую клиент отправляет в заголовке запроса.

Мы заметили, что наше приложение React Native отправляет HTTP / 1.1 в качестве версии в заголовках запросов для любого GET на <Image>, В отличие от популярных приложений, мы открываем и закрываем одно соединение для каждого GET. Как сделать так, чтобы запросы React Native Image использовали HTTP/2 и совместно использовали соединение?

(Все наши изображения находятся в одном домене CloudFront.)


Изменить - Дополнительная информация:

Наш дистрибутив CloudFront поддерживает HTTP/2:

И кажется, что клиент и сервер договариваются о h2:

0 ответов

Другие вопросы по тегам