Sobes.tech
Middle

Que se passe-t-il lorsque vous saisissez une adresse dans le navigateur, par exemple, google.com?

sobes.tech IA

Réponse de l'IA

  1. Analyse de l'URL : Le navigateur divise l'URL en parties composantes : le protocole (HTTP/HTTPS), le nom de domaine (google.com) et le chemin (/).

  2. Recherche de l'adresse IP :

    • Le navigateur vérifie son cache DNS.
    • Le système d'exploitation vérifie son cache DNS.
    • Le système demande au serveur DNS (généralement fourni par le fournisseur).
    • Le serveur DNS effectue des requêtes récursives aux serveurs DNS racine, TLD et autoritaires jusqu'à trouver l'adresse IP de google.com.
    • L'adresse IP est renvoyée au navigateur.
  3. Établissement de la connexion TCP :

    • Le navigateur établit une connexion TCP avec le serveur à l'adresse IP trouvée, en utilisant la poignée de main en trois étapes (SYN, SYN-ACK, ACK).
  4. Poignée de main SSL/TLS (pour HTTPS) :

    • Le client et le serveur négocient les algorithmes de chiffrement.
    • Le serveur envoie son certificat.
    • Le navigateur vérifie le certificat.
    • Les parties échangent des clés de chiffrement pour une communication sécurisée.
  5. Envoi de la requête HTTP : Le navigateur envoie une requête HTTP au serveur, contenant la méthode (GET), le chemin, les en-têtes (Host, User-Agent, Accept, etc.) et éventuellement le corps de la requête.

    GET / HTTP/1.1  
    Host: google.com  
    User-Agent: Mozilla/5.0 (...)  
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8  
    
  6. Traitement de la requête par le serveur :

    • Le serveur reçoit la requête.
    • Le serveur traite la requête (par exemple, exécute la logique de l'application).
    • Le serveur génère la réponse HTTP.
  7. Réception de la réponse HTTP : Le navigateur reçoit la réponse HTTP du serveur, contenant le code d'état (par exemple, 200 OK), les en-têtes (Content-Type, Content-Length, etc.) et le corps de la réponse (page HTML, images, CSS, JS, etc.).

    HTTP/1.1 200 OK  
    Content-Type: text/html; charset=UTF-8  
    Content-Length: XXXX  
    ...  
    
    <!doctype html>...  
    
  8. Rendu de la page :

    • Le navigateur commence à analyser le code HTML.
    • Lorsqu'il détecte des liens vers CSS, JavaScript ou images, le navigateur effectue des requêtes supplémentaires pour les obtenir (les étapes 2-7 sont répétées pour chaque ressource).
    • Le navigateur construit l'arbre DOM (Document Object Model) à partir du HTML.
    • Le navigateur construit l'arbre CSSOM (CSS Object Model) à partir du CSS.
    • Le navigateur construit l'arbre de rendu, en combinant DOM et CSSOM.
    • Le navigateur exécute JavaScript (qui peut modifier DOM et CSSOM).
    • Le navigateur calcule la disposition des éléments sur la page (Layout).
    • Le navigateur peint les éléments à l'écran (Painting).