Quand commence le processus de rendu de la page?

Le processus de rendu de la page commence lorsque le navigateur reçoit et commence à traiter le document HTML. Ce processus comprend plusieurs étapes:

1. Analyse du HTML: Construction de l'arbre DOM (Modèle d'Objet du Document).
2. Construction du CSSOM (Modèle d'Objet CSS): Analyse du CSS appliqué à la page.
3. Construction de l'Arbre de rendu: Fusion du DOM et du CSSOM pour créer l'arbre de rendu, contenant les éléments visibles sur la page et leurs styles.
4. Mise en page (Calcul du layout): Définition des dimensions et des positions géométriques de chaque élément.
5. Peinture: Rendu des pixels des éléments à l'écran.
6. Compositing (Composition): Fusion des couches d'éléments rendus en une représentation finale à l'écran.

Bien que le processus de rendu commence côté client (navigateur), son déclencheur est la réception du HTML, souvent généré dynamiquement sur le serveur Node.js. Le serveur est responsable de préparer et d'envoyer la réponse HTML initiale.