éco-conception web : mettre en cache les objets souvent accédés en JavaScript
Dans le cadre du lancement du livre Eco-conception web – Les 100 bonnes pratiques auquel plusieurs contributeurs de GreenIT.fr ont participé, nous vous proposons toutes les deux semaines un focus sur une bonne pratique présentée dans le livre.
Aujourd’hui : mettre en cache les objets souvent accédés en JavaScript
L’accès au DOM 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.
Par exemple, ne pas écrire :
document.getElementById(‘menu’).property1 = ‘foo’;
document.getElementById(‘menu’).property2 = ‘bar’;
mais plutôt :
var menu = document.getElementById(‘menu’);
menu.property1 = ‘foo’;
menu.property2 = ‘bar’;
Cette bonne pratique a un impact sur la performance de l’application et donc sur :
– la quantité d’énergie nécessaire à son fonctionnement (émissions de gaz à effet de serre),
– la configuration minimale requise pour y accéder (fracture numérique, obsolescence programmée).
Découvrir le livre Eco-conception web – Les 100 bonnes pratiques
L’acheter chez amazon.fr, eyrolles.com, à la Fnac.com.
Frédéric Bordage
Expert en green IT, sobriété numérique, numérique responsable, écoconception et slow.tech, j'ai créé le collectif Green IT en 2004. Je conseille des organisations privées et publiques, et anime GreenIT.fr, le Collectif Conception Numérique Responsable (@CNumR) et le Club Green IT.