éco-conception web : Réduire les repaint / reflow
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 : Réduire au maximum le repaint (appearence) et le reflow (layout)
Le repaint est le changement d’apparence d’un élément du DOM, tandis que le reflow est le changement/recalcul de la position des éléments dans le DOM. Ces deux opérations sont coûteuses en ressources, notamment en cycles CPU : il faut donc éviter de les déclencher.
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.