Aller au contenu principal

Ce que fait un navigateur

Lorsque vous entrez une URL, le navigateur coordonne le réseau, la sécurité, l’analyse du document et le rendu.

De l’URL à la réponse​

  1. Il analyse l’URL : protocole, domaine, port, chemin et paramètres.
  2. Il cherche l’adresse IP du domaine grâce au DNS.
  3. Il établit une connexion sécurisée pour HTTPS.
  4. Il envoie une requête HTTP.
  5. Il reçoit un code de statut, des en-têtes et un contenu.

Les connexions peuvent être réutilisées. Avec HTTP/2 ou HTTP/3, plusieurs échanges peuvent partager une même connexion ; elle n’est donc pas systématiquement fermée après chaque ressource.

De la réponse aux pixels​

  • le HTML devient un DOM ;
  • le CSS devient un CSSOM ;
  • le navigateur combine les informations nécessaires au rendu ;
  • il calcule la géométrie des éléments (layout) ;
  • il peint puis compose les différentes couches ;
  • JavaScript peut modifier le document et déclencher de nouveaux calculs.
HTML → DOM ─┐
            ├→ arbre de rendu → layout → paint → composition
CSS  → CSSOM┘

Le rôle de JavaScript​

JavaScript peut écouter les interactions, modifier le DOM, lire certaines API du navigateur et effectuer de nouvelles requêtes. Une longue tâche JavaScript peut cependant bloquer momentanément l’affichage et les interactions.

Défi rapide​

Ouvrez les outils de développement, rechargez une page et choisissez sa requête HTML principale. Retrouvez son code HTTP, son type de contenu et sa durée, puis identifiez une ressource chargée ensuite par le navigateur.