Catégorie : Bonnes Pratiques

éco-conception web : Utiliser la délégation d’événements

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 chaque semaine un focus sur une bonne pratique.

Aujourd’hui : Utiliser la délégation d’événements

La délégation d’événements permet de ne pas surcharger la mémoire du navigateur en instanciant un seul écouteur pour plusieurs éléments du DOM.

Par exemple, l’élément du DOM dont l’ID est t est déclaré comme le délégué. Il intercepte les événements de tous ses fils.


(…)
 <style type="text/css">
 #t { border: 1px solid red }
 #t1 { background-color: pink; }
 </style>
 <script type="text/javascript">
 function modifyText(new_text) {
 var t2 = document.getElementById("t2");
 t2.firstChild.nodeValue = new_text;
 }
 function load() {
 var el = document.getElementById("t");
 el.addEventListener("click", function() {
 modifyText("four")}, false); }
 </script>
 </head>
 <body onload="load();">
 <table id="t">
 <tr><td id="t1">one</td></tr>
 <tr><td id="t2">two</td></tr>
 </table>
 (…)
 
 

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 Green IT et numérique responsable, j'ai créé GreenIT.fr en 2004 et lancé le sujet de l'écoconception logicielle en 2009 avec Frédéric Lohier. Je conseille des organisations privées et publiques sur ces sujets.

Site web - Twitter - Facebook - Linked In