Vitesse Impact moyen Moyen ça dépend de la cause

Taille du DOM

Trop d'éléments HTML ralentissent le rendu.

Ce que c’est

Le DOM est l'arborescence des éléments HTML d'une page. Un DOM trop volumineux ou profondément imbriqué (des milliers de nœuds) ralentit les opérations de rendu, de mise en page et JavaScript.

Pourquoi c’est important

Un DOM volumineux augmente l'utilisation de la mémoire et du processeur et dégrade l'interactivité et la fluidité, en particulier sur mobile. Cela a tendance à être le symptôme de modèles gonflés ou de wrappers redondants.

Comment faire

1Simplifiez la structure, supprimez les wrappers <div> inutiles.
2Pour les longues listes/tableaux, utilisez la pagination ou la virtualisation.
3Ne chargez pas de contenu caché qui n'est pas nécessaire (rendu à la demande).

Conclusion

Un DOM allégé s'affiche et répond plus rapidement. À titre indicatif, maintenez le nombre de nœuds à quelques milliers et évitez l’imbrication profonde. Pour les pages riches en données, la virtualisation de liste est utile.

Sujets liés