Le fonctionnement d'un navigateur web

Comment fonctionne un navigateur comme Chrome (ou les navigateurs en général) ?

Un navigateur web est une application conçue pour accéder, récupérer et afficher des informations sur le web.

• Entrée d'URL : Tout commence lorsque vous tapez une URL dans la barre d'adresse.
• Résolution DNS : Le navigateur doit traduire cette URL en une adresse IP, processus effectué par le système de noms de domaine (DNS).
• Établissement de la connexion : Une fois l'adresse IP obtenue, le navigateur établit une connexion avec le serveur web à l'aide de protocoles, le plus commun étant HTTP/HTTPS.
• Demande et réponse : Le navigateur envoie une requête pour le contenu souhaité. Le serveur répond avec le contenu et d'autres ressources (comme les images, CSS et JavaScript).
• Rendu :
  • Analyse HTML : Le navigateur commence par analyser le HTML pour construire le DOM (Document Object Model).
  • Analyse CSS : Le CSS est analysé pour créer le CSSOM (CSS Object Model).
  • Arbre de rendu : À partir du DOM et du CSSOM, un arbre de rendu est créé.
  • JavaScript : Les scripts JavaScript sont exécutés. Ils peuvent manipuler le DOM et le CSSOM.
  • Peinture : Une fois l'arbre de rendu finalisé, le navigateur commence à "peindre" la page à l'écran.
• Interactions : Avec la page chargée, l'utilisateur peut interagir avec elle. Les actions de l'utilisateur peuvent déclencher des requêtes supplémentaires au serveur ou des modifications du DOM.
• Fermeture de la connexion : Une fois la page chargée, la connexion au serveur est généralement fermée pour économiser les ressources.