Chemin critique de rendu
La suite d'étapes que le navigateur doit franchir entre la réception du HTML et l'affichage des premiers pixels : analyser le HTML → DOM, analyser le CSS → CSSOM, les combiner en arbre de rendu, calculer la mise en page, peindre. Optimiser ce chemin est la clé d'un chargement perçu comme rapide.
Les étapes : le navigateur construit en parallèle le DOM (à partir du HTML) et le CSSOM (à partir du CSS), les combine en un arbre de rendu (uniquement les éléments visibles, avec leurs styles), calcule le layout (positions et tailles), puis peint les pixels. Les goulots d'étranglement : le CSS est bloquant pour le rendu (rien ne s'affiche tant que le CSSOM n'est pas prêt), et les scripts synchrones bloquent l'analyse du DOM.
Optimisation : réduire et prioriser le CSS critique (mettre en ligne ce qu'il faut pour le premier écran), charger le CSS/JS non critique en asynchrone ou en différé, limiter le nombre de ressources bloquantes et envoyer le HTML tôt (streaming). Comprendre ce chemin est la base pour améliorer le First Contentful Paint et le Largest Contentful Paint. À rapprocher du blocage du rendu et du Largest Contentful Paint.