RWEB 0049 Mettre en cache les objets souvent accédés en JavaScript

Description

L’accès au DOM (Document Object Model) est coûteux en termes de ressources processeur (cycles CPU). Aussi, lorsque vous utilisez plusieurs fois le même élément du DOM depuis JavaScript, stockez sa référence dans une variable afin de ne pas parcourir à nouveau le DOM pour ce même élément.

Exemple

Ne pas écrire :

document.getElementById('menu').property1 = 'foo'; document.getElementById('menu').property2 = 'bar';

mais plutôt :

var mmenu = document.getElementById('menu');
menu.property1 = 'foo';
menu.property2 = 'bar'

Principe de validation