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

Source CNUMR [BP_041_fr]

Mesurer Le nombre d'insertions dans le DOM réalisées lorsque cette même partie du DOM est traversée par un code JavaScript

Identifiants

GreenIT	V2	V3	V4
43	43	41

Catégories

Cycle de vie	Tiers	Responsable
3. Réalisation (fabrication / développement)	Utilisateur/Terminal	Architecte Logiciel/Développeur

Indications

Degré de priorité	Mise en oeuvre	Impact écologique
4	4	4

Ressources Economisées
Processeur

Description

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.

Exemple

Éviter :

<script>
    // Notation jQuery
    $('a.extlink').each(function(el) {
        $(el).attr('rel','external nofollow');
    });
</script>

Principe de validation

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