Que se passe-t-il avec les ressources externes que le navigateur lit lors de l'analyse du HTML?

Le navigateur envoie des requêtes HTTP distinctes pour chaque ressource externe spécifiée dans le HTML (fichiers CSS, fichiers JavaScript, images, polices, etc.). Ces requêtes sont traitées en parallèle pour optimiser le chargement. Jusqu'à ce que la réponse à la requête soit reçue, le navigateur peut continuer à analyser le HTML, mais ne peut pas appliquer les styles CSS externes ni exécuter les scripts JavaScript externes avant leur chargement.

Pour optimiser le traitement de ces ressources, divers mécanismes sont appliqués :

• Caching: Le navigateur peut stocker des copies des ressources sur le disque local et les utiliser lors de requêtes ultérieures, réduisant ainsi le temps de chargement.
• Priorisation du chargement: Le navigateur détermine l'ordre de chargement des ressources, en donnant la priorité à celles nécessaires pour l'affichage rapide de la partie visible de la page (Critical Rendering Path).
• Preload et Preconnect: Mécanismes pour charger à l'avance ou établir des connexions avec des ressources qui seront nécessaires plus tard.
• Chargement différé (Lazy Loading): Des ressources comme les images peuvent être chargées uniquement lorsqu'elles deviennent visibles dans la fenêtre du navigateur.
• Minification et compression: Réduction de la taille des ressources avant leur transmission sur le réseau.