Bonne pratique
Utiliser les propriétés CSS à la place d’images. En effet, le poids d’une feuille de styles est bien plus faible, surtout si elle est compressée. En outre, l’appel d’une feuille de styles ne génère qu’une seule requête HTTP, contre un grand nombre si l’on emploie beaucoup d’images (une requête HTTP pour chaque image).
Le "Référentiel d'écoconception web (REW)" est publié par GreenIT.fr dans le cadre des travaux du Collectif conception numérique responsable selon les termes de la licence Creative Commons Attribution.
Grâce à notre expertise en React, nous exploitons la modularité des composants pour créer des éléments visuellement attractifs directement via JSX. Cela permet d'appliquer et de manipuler facilement des propriétés CSS sans recours excessif aux images.
En utilisant le CSS à la place des images, nous optimisons le poids global des sites web que nous développons, réduisant ainsi le nombre de requêtes HTTP et l'empreinte environnementale. La flexibilité de React facilite la compression et l'efficacité des feuilles de styles.
Règle de validation
Le nombre d'images qui auraient pu être remplacées par des CSS doit être inférieur ou égal à 0
Ressources économisées