Mise à jour le 28/02/2024

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

Ref. Version →
Ref. BP →
GreenIT
43
2.0.0
0043
3.0.0
0041
4.0.0
0041

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
Vous avez repérez une coquille ou vous souhaitez contribuer ?

Venez sur le repo pour lancer une discussion sur la fiche.

Voir la fiche