HTTP/2 et HTTP/3 : ce qui change concrètement pour vos pages

Pendant longtemps, une règle d'or du développement web front-end était de regrouper les fichiers CSS et JavaScript en un seul bundle le plus gros possible, pour minimiser le nombre de requêtes HTTP. Cette pratique était justifiée à l'époque de HTTP/1.1, elle l'est beaucoup moins aujourd'hui.

HTTP/1.1, le protocole dominant pendant deux décennies, traite les requêtes en séquence sur une connexion donnée. Pour charger dix fichiers, le navigateur ouvrait plusieurs connexions parallèles, avec des limites strictes selon les navigateurs. Chaque connexion avait un coût en temps et en ressources.

HTTP/2 : le multiplexage

HTTP/2 introduit le multiplexage : plusieurs requêtes et réponses peuvent transiter simultanément sur une seule connexion TCP, entrelacées en petits morceaux appelés frames. Plus besoin d'ouvrir six connexions parallèles. Le navigateur envoie toutes ses requêtes d'un coup et le serveur répond au fur et à mesure que les ressources sont prêtes.

Conséquence pratique : l'obsession du bundling à tout prix perd de sa pertinence. Charger vingt petits fichiers CSS peut être tout aussi efficace, voire plus, qu'un seul fichier monolithique, car HTTP/2 peut les servir en parallèle. Le cache y gagne aussi : si un seul composant change, seul son fichier est re-téléchargé.

HTTP/3 et QUIC : encore plus loin

HTTP/3 remplace la couche de transport TCP par QUIC, un protocole construit sur UDP. L'avantage principal : le problème de « head-of-line blocking » est éliminé même au niveau transport. En HTTP/2, la perte d'un paquet TCP bloque toutes les requêtes multiplexées sur cette connexion. Avec QUIC, chaque flux est indépendant et une perte de paquet n'impacte que le flux concerné.

HTTP/3 améliore aussi les connexions en environnements instables, réseaux mobiles, wifi public, et réduit la latence d'établissement de connexion grâce à une négociation TLS intégrée plus rapide.

Pour savoir si votre serveur supporte HTTP/2 ou HTTP/3, ouvrez les DevTools, onglet Réseau, et regardez la colonne « Protocole ». La plupart des CDN et hébergeurs modernes activent HTTP/2 par défaut. HTTP/3 se généralise progressivement, vérifiez la documentation de votre hébergeur pour l'activer si ce n'est pas encore le cas.