RWEB 0054 Réduire les accès au DOM via JavaScript

Description

L’accès au DOM (Document Object Model) via JavaScript est une procédure lourde qui consomme beaucoup de cycles processeur (CPU). Réduire autant que possible ces accès.

Pour cela, vous pouvez assigner le nœud dans des variables que vous réutiliserez lors du cycle de vie de l’application, ce qui évite de retraverser l’arbre à chaque manipulation du document.

Il est également possible d’utiliser des bibliothèques de type « Shadow DOM », qui optimisent les modifications de l’arbre par un système de batch.

Exemple

Pour en savoir plus, vous pouvez consulter le projet de Shadow DOM du W3C : https://w3c.github.io/webcomponents/spec/shadow/ et les préconisations du W3C pour réduire les accès au DOM via JavaScript : https://www.w3.org/wiki/JavaScript_best_practices#Keep_DOM_access_to_a_minimum

Principe de validation