AccueilClientsExpertisesBlogOpen SourceContact

Bonne pratique

Ne pas faire de modification du DOM lorsqu’on le traverse

Ce que dit le référentiel

Modifier le DOM (Document Object Model) lorsqu’on le traverse peut engendrer des situations où la boucle devient très gourmande en ressources, notamment en cycles CPU. En effet, si on y ajoute des éléments en le traversant, il est possible de générer une boucle infinie qui consommera une grande quantité de ressources. Ce genre de modification est donc fortement déconseillée.

Le "Référentiel d'écoconception web (REW)" est publié par GreenIT.fr dans le cadre des travaux du Collectif conception numérique responsable selon les termes de la licence Creative Commons Attribution.

Plus d'informations sur collectif.greenit.fr et ecoconceptionweb.com.

Notre avis

Utiliser React permet d'éviter les modifications directes du DOM grâce à l'utilisation du Virtual DOM. Lorsqu'une modification est nécessaire, elle n'est appliquée qu'à une version virtuelle du DOM stockée en mémoire. Cela réduit les cycles CPU puisque les changements sont d'abord calculés en mémoire avant d'être appliqués.

Lorsque le Virtual DOM détecte une différence, il met à jour le DOM réel de manière optimisée et minimale. Cela élimine les risques de boucles infinies et de traversée gourmande en ressources, réduisant ainsi l'empreinte environnementale de vos applications web.

Règle de validation

Le nombre d'insertions dans le DOM réalisées lorsque cette même partie du DOM est traversée par un code JavaScript doit être inférieur ou égal à 0

Ressources économisées

Processeur
Bonne pratique précédente
Précédent
Bonne pratique suivante
Suivant
18 avenue Parmentier
75011 Paris
+33 1 43 57 39 11
hello@premieroctet.com

Suivez nos aventures

GitHub
X (Twitter)
Flux RSS

Naviguez à vue