Chargement des ressources du navigateur : plongée au cœur de la boîte noire
Le chargement d’une page web et de ses sous-ressources implique une interaction complexe de facteurs. Les navigateurs prennent en compte les ressources bloquant le rendu, les analyseurs de préchargement, les indices de ressources (préchargement/préconnexion), les modificateurs de chargement (async/defer/module), fetchpriority, les images adaptatives, etc. Ils décident ensuite quand charger chaque ressource, en optimisant pour les connexions HTTP/2 et HTTP/3 modernes. Cependant, les différents navigateurs utilisent des stratégies très différentes, allant parfois jusqu’à retarder intentionnellement les requêtes. Cet exposé explore en profondeur le processus décisionnel du chargement des ressources, en montrant comment influencer le comportement du navigateur pour prioriser les ressources critiques, comme l’image LCP. Nous analyserons de nombreuses cascades, expliquerons les divergences entre navigateurs et proposerons des solutions aux problèmes courants, sans recourir à un préchargement aveugle de tout avec fetchpriority=high. Vous acquerrez une compréhension plus approfondie des mécanismes internes du navigateur et vous attaquerez en toute confiance les défis liés au chargement des ressources.