CSSOM

Le CSSOM (CSS Object Model), le modèle d’objet CSS en français est une interface de programmation d’applications (API) qui permet de manipuler dynamiquement les styles CSS d’une page web à partir de JavaScript. 

Le CSSOM est utilisé pour l’animation des éléments d’une page, la manipulation des styles en fonction de l’état d’un élément, ou encore la création de styles personnalisés en réponse à des événements spécifiques.

Il s’agit d’une carte utilisée par le navigateur pour rendre correctement les styles CSS.

Lorsque le navigateur reçoit une page web, il analyse d’abord le HTML pour créer le DOM, puis il analyse le CSS pour créer le CSSOM. Une fois que le CSSOM est créé, le navigateur combine les styles CSS avec le DOM pour générer le rendu final de la page.

Contrairement au DOM qui est incrémentiel, le CSSOM ne permet pas de modifier la structure de la page en temps réel.

Dès que le navigateur commence à traiter le CSS, il bloque le rendu de la page jusqu’à ce que tout le CSS soit analysé et appliqué. Si le CSS est mal écrit ou trop complexe, cela peut ralentir considérablement le chargement de la page.

Schéma

Documentation officielle