Comment le navigateur affiche-t-il une page web à l'écran de l'utilisateur?

Le processus d'affichage d'une page web par le navigateur comprend plusieurs étapes:

1. Récupération du HTML — le navigateur demande le document HTML au serveur.
2. Analyse du HTML — construction de l'arbre DOM (Document Object Model).
3. Récupération et analyse du CSS — construction du CSSOM (CSS Object Model).
4. Construction de l'arbre de rendu — fusion du DOM et du CSSOM pour déterminer les styles et la structure d'affichage.
5. Mise en page (calcul de la géométrie) — calcul des dimensions et des positions des éléments sur la page.
6. Peinture (rendu) — le navigateur dessine les pixels à l'écran selon l'arbre de rendu.

Si la page contient du JavaScript, il peut modifier le DOM et le CSSOM, provoquant des rendus supplémentaires.

Ainsi, le navigateur transforme séquentiellement le code de la page en une représentation visuelle pour l'utilisateur.