В чем отличаются протоколы HTTP/1 и HTTP/2?

Основные отличия между HTTP/1.1 и HTTP/2:

• Мультиплексирование:

  • HTTP/1.1: Последовательная обработка запросов по одному соединению. Для параллельной загрузки требовалось несколько TCP-соединений.
  • HTTP/2: Мультиплексирование по одному TCP-соединению. Позволяет одновременно отправлять несколько запросов и получать ответы, не блокируя друг друга.

• Сжатие заголовков (HPACK):

  • HTTP/1.1: Заголовки передаются в несжатом виде, что может быть избыточно при большом количестве запросов.
  • HTTP/2: Сжатие заголовков с использованием алгоритма HPACK. Сокращает размер передаваемых данных.

• Приоритизация потоков:

  • HTTP/1.1: Отсутствовала возможность приоритизации.
  • HTTP/2: Клиент может назначать приоритеты для разных потоков данных, влияя на порядок их обработки сервером.

• Серверный пуш (Server Push):

  • HTTP/1.1: Клиент должен явно запрашивать каждый ресурс (CSS, JS, изображения).
  • HTTP/2: Сервер может заранее отправлять клиенту ресурсы, которые, по его мнению, понадобятся для отображения страницы, до того, как клиент их запросит.

• Двоичный протокол:

  • HTTP/1.1: Текстовый протокол, относительно легко читаемый.
  • HTTP/2: Двоичный протокол, более эффективный для парсинга и передачи.

Сравнительная таблица:

Пример мультиплексирования (концептуально):

// HTTP/1.1: Последовательные запросы
fetch('/resource1')
  .then(() => fetch('/resource2'))
  .then(() => fetch('/resource3'));

// HTTP/2: Параллельные запросы по одному соединению
// В браузере это происходит автоматически для HTTP/2
// Концептуально запросы могут отправляться почти одновременно