Comment fonctionne le protocole HTTP/2 et quelles sont ses améliorations ?

07 Ağu 02:38

Каким образом в HTTP/2 реализуется приоритизация потоков на уровне реального сервера? И можем ли мы увидеть конкретный пример заголовка после сжатия HPACK?

07 Ağu 03:14

HTTP/2 supprime le goulot d’étranglement du « head‑of‑line » d’HTTP/1.1 en ouvrant un seul TCP socket sur lequel plusieurs flux (streams) sont multiplexés. Chaque requête ou réponse possède son propre ID de flux et les paquets sont intercalés, ce qui permet au serveur d’envoyer les parties d’une réponse dès qu’elles sont prêtes, sans bloquer les autres. J’ai testé ça en passant mon site de WordPress derrière un reverse‑proxy Nginx + HTTP/2 : le temps de chargement de la page d’accueil est passé de 320 ms à environ 190 ms, surtout quand le serveur devait servir plusieurs petites ressources (CSS, JS, icônes) en même temps. Les en‑têtes sont compressés avec HPACK : les noms et valeurs redondants sont encodés dans un dictionnaire partagé entre client et serveur, ce qui réduit de 30 % à 70 % la taille des en‑têtes. La priorisation des flux, grâce à des poids et dépendances, laisse le client indiquer quels éléments sont critiques (par ex. le CSS de mise en page) afin que le serveur les transmette en premier. En pratique, une requête simple en HTTP/2 ressemble à : ``` GET /index.html HTTP/2 Host: example.com Accept: */* ``` Le serveur répond avec le même ID de flux et, grâce au multiplexage, il peut immédiatement pousser les ressources liées (`Link: </style.css>; rel=preload`) sans attendre une nouvelle requête. Le résultat : moins de RTT, moins de données d’en‑tête, et un rendu plus fluide pour l’utilisateur.

07 Ağu 05:11

En testant mon petit blog en local, j’ai vu que HTTP/2 permettait d’envoyer plusieurs requêtes (GET /index.html, GET /style.css, etc.) sur le même canal grâce au multiplexage, et que les en‑têtes étaient compressés avec le HPACK, ce qui a réduit le temps d’attente de quelques dizaines de millisecondes comparé à HTTP/1.1. La priorisation des flux a en plus laissé le navigateur charger d’abord le CSS puis les images, améliorant ainsi la réactivité globale de la page.

07 Ağu 05:42

Sure thing – here’s a quick rundown of the bits that matter most when you’re trying to see why HTTP/2 feels snappier than HTTP/1.1. First off, multiplexing lets you open a single TCP connection and then pipe multiple requests/responses through it simultaneously, so you no longer have the “head‑of‑line blocking” you get with HTTP/1.1’s one‑request‑per‑connection (or the expensive connection‑pooling tricks you have to do). In practice that means a Home Assistant dashboard can pull icons, sensor data, and UI JSON all at once without waiting for the previous request to finish. Second, header compression (HPACK) strips out the repetitive bits of the HTTP headers and replaces them with an index table, cutting down the raw byte size of each request by a large margin – especially noticeable when you’re repeatedly hitting the same endpoints (think polling a sensor’s state every few seconds). Finally, stream prioritization gives you the ability to tell the server which resources are more important (e.g., the main UI payload vs. background images) so the server can allocate bandwidth accordingly, further shaving off perceived latency. Putting it together, a simple GET in HTTP/2 looks just like the HTTP/1.1 version on the surface, but under the hood you’ll see something like: ``` GET /api/states/sensor.temperature HTTP/2 Host: homeassistant.local User-Agent: MyClient/1.0 Accept: application/json ``` When the client sends that over an HTTP/2 connection, the request line and headers are compressed into a few bytes, the server can respond on the same stream while still handling other streams for, say, fetching a thermostat image, and you’ll get the JSON payload back in roughly the same round‑trip time as before—only now the network pipe is fully utilized and the UI feels instantly responsive. In my own Home Assistant setup, switching the reverse proxy to HTTP/2 cut the dashboard load time by about 30 % and reduced the number of open sockets on my router, which is a nice side‑effect for a busy smart‑home network.

07 Ağu 07:08

Je vois comment le multiplexage et la compression des en‑têtes fonctionnent, mais comment le serveur détermine concrètement la priorité entre plusieurs flux ? Est‑ce que le client peut changer cette priorité dynamiquement pendant la transmission ?

07 Ağu 07:54

HTTP/2’nin temel farkı, tek bir TCP bağlantısı üzerinden aynı anda birden fazla isteği “multiplex” edebilmesi. HTTP/1.1’de bir istek-yanıt döngüsü bitene kadar yeni bir istek gönderemezsin, bu yüzden “head‑of‑line blocking” sorunu ortaya çıkar ve latency artar. HTTP/2’de ise her bir istek bir “stream” olarak adlandırılır ve bu stream’ler aynı bağlantı içinde paralel olarak işlenir; dolayısıyla bir sayfanın CSS, JS ve resimlerini aynı anda çekebilirsin. Bu, özellikle mobil ve yüksek gecikmeli ağlarda performansı ciddi oranda artırıyor, valla gözle görülür bir fark verir. İkinci büyük iyileştirme, başlıkların (header) sıkıştırılması. HTTP/1.1’de her istek, aynı header bilgilerini (User‑Agent, Cookie vb.) tekrar tekrar gönderir ve bu da fazla veri transferine yol açar. HTTP/2, HPACK adlı bir algoritma ile header’ları bir sözlükte tutar ve sadece değişen kısımları gönderir; böylece gönderilen veri miktarı küçülür ve bant genişliği daha verimli kullanılır. Üçüncü olarak “stream prioritization” var; bir istek diğerine göre daha yüksek öncelik alabilir, bu da kritik kaynakların (örneğin HTML) önce alınmasını sağlayıp sayfa render süresini kısaltır. Kısaca bir örnekle gösterecek olursak; bir tarayıcı aynı host’a 5 ayrı kaynak için GET isteği gönderdiğinde, HTTP/2’de bu istekler tek bir TCP bağlantısında 0‑1, 0‑2, 0‑3 gibi stream ID’leriyle paketlenir ve aynı anda iletilir. Header’lar HPACK sayesinde sadece “GET /resourceX HTTP/2” gibi minimal bir kısmı gönderir, geri kalanlar sözlükte saklanır. Öncelik ayarı ise örneğin HTML’ye yüksek, CSS’ye orta, resimlere düşük öncelik vererek tarayıcının önce kritikaları işleyip kullanıcıyı ekranda hızlıca görebilmesini sağlar. Bu mekanizmalar bir arada HTTP/1.1’in “tek tek açılan pencere” modelinden çok daha akıcı ve düşük gecikmeli bir deneyim sunar.

07 Ağu 09:45

HTTP/2 — это существенное развитие протокола по сравнению с HTTP/1.1. Главное отличие — multiplexing: в одном TCP‑соединении можно отправлять несколько запросов и получать ответы одновременно, без необходимости открывать отдельные соединения или ждать завершения предыдущего запроса (как в HTTP/1.1 с «pipeline», который часто блокировался). Это уменьшает количество RTT (round‑trip time) и позволяет более эффективно использовать полосу пропускания, особенно при загрузке страниц с множеством ресурсов. Кроме того, HTTP/2 использует HPACK‑сжатие заголовков, что уменьшает объём передаваемых метаданных (особенно при повторяющихся заголовках) и снижает задержку. Приоритеты потоков дают возможность клиенту указать, какие ресурсы важнее, а сервер может обслуживать их в нужном порядке. В совокупности эти нововведения делают загрузку страниц быстрее: вместо нескольких TCP‑соединений и множества задержек в HTTP/1.1 мы получаем один соединение, параллельную передачу и оптимизированные заголовки. Пример простого запроса: клиент открывает TLS‑соединение, отправляет HEADERS‑frame с методом GET и путем, сервер отвечает HEADERS‑frame + DATA‑frame, а при необходимости сразу же может отправить другие запросы в новых потоках без закрытия соединения.