Comment les navigateurs chargent VRAIMENT les pages web

par Robin Marx, édition 2024

Consulter le support (en) Voir la vidéo (en)

Lorsque les navigateurs chargent une page web et ses ressources, il se passe BEAUCOUP de choses sous le capot. Ils doivent prendre en compte les ressources bloquantes pour le rendu et le parsing, utiliser un preload scanner, prendre en compte les indices de ressources (comme preload/preconnect), les modificateurs de chargement (async/defer/module), fetchpriority, les images responsives, et bien d’autres choses encore. Sur la base de tous ces signaux, ils doivent ensuite décider d’une manière ou d’une autre quand charger quelles ressources, afin d’utiliser de manière optimale les connexions modernes HTTP/2 et HTTP/3. Et, comme vous l’avez peut-être deviné, aucun des navigateurs ne le fait de la même manière (et c’est peu dire !).

Cette conférence présente en profondeur la façon dont les navigateurs décident quand charger une ressource spécifique, et toutes les façons dont vous pouvez les influencer pour modifier leur comportement (afin de s’assurer que cette image importante pour le LCP est réellement l’une des premières choses à charger !) Nous examinerons BEAUCOUP de cascades différentes et explorerons les raisons pour lesquelles elles sont ainsi, comment diagnostiquer ces problèmes vous-même avec des outils avancés (comme WebPageTest, Debugbear, Chrome netlogs et peut-être même gasp Wireshark) et comment résoudre les problèmes courants (non, ne préchargez pas tout avec fetchpriority=high, monstre !)

Vous repartirez avec une meilleure compréhension de ce qui se passe sous le capot, ce qui vous permettra de mieux gérer les différents problèmes et bizarreries présents dans les navigateurs d’aujourd’hui et les fonctionnalités de chargement de ressources.


Robin Marx

Présenté en anglais par Robin Marx Web Protocol & Performance Expert, Akamai

Dr. Robin Marx est expert en performances web chez Akamai Technologies. Il étudie les performances et le fonctionnement des protocoles web modernes tels que HTTP/2, HTTP/3 et QUIC et contribue depuis plusieurs années au groupe de travail QUIC de l’IETF.

Robin parle souvent des performances du web lors de conférences internationales, rendant ainsi les situations complexes plus compréhensibles pour le grand public. Le week-end, il aime frapper d’autres personnes avec des épées longues.