Middle
Comment le rendu du site Web se fait-il pour l'utilisateur?
sobes.tech IA
Réponse de l'IA
- L'utilisateur saisit l'URL dans le navigateur. Le navigateur envoie une requête DNS pour obtenir l'adresse IP du serveur.
- Le navigateur établit une connexion TCP avec le serveur. Le protocole HTTP/S est généralement utilisé.
- Le navigateur envoie une requête HTTP au serveur. La page HTML et d'autres ressources (CSS, JavaScript, images) sont demandées.
- Le serveur traite la requête et envoie une réponse HTTP. La réponse contient les ressources demandées et des informations sur le statut.
- Le navigateur reçoit le document HTML. Le parsing du HTML commence.
- Un DOM (Document Object Model) est créé. Arbre d'objets représentant la structure du HTML.
- Le navigateur détecte dans le HTML des liens vers des ressources externes (CSS, JavaScript, images). Des requêtes supplémentaires sont faites pour les obtenir.
- Le navigateur reçoit les styles CSS. Le parsing du CSS commence.
- Un CSSOM (CSS Object Model) est créé. Arbre d'objets représentant les styles.
- Un arbre de rendu est créé. Fusion du DOM et du CSSOM. Il ne contient que les éléments visibles et leurs styles.
- Layout (ou Reflow). Les dimensions géométriques et la position de chaque élément sur la page sont calculées.
- Paint (ou Repaint). Les éléments sont dessinés à l'écran selon leurs styles et leur position.
- Composition. La page est composée couche par couche pour l'affichage à l'utilisateur.
- Le navigateur reçoit les fichiers JavaScript. Le parsing et l'exécution du code commencent. JavaScript peut modifier le DOM et le CSSOM, ce qui entraîne un recalcul du Layout et du Paint.
- Affichage de la page à l'utilisateur. Au fur et à mesure que les ressources sont reçues et que les étapes sont terminées, l'utilisateur voit le contenu de la page.