AccueilClientsExpertisesBlogOpen SourceContact

Bonne pratique

Préférer les CSS aux images

Ce que dit le référentiel

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.

Plus d'informations sur collectif.greenit.fr et ecoconceptionweb.com.

Notre avis

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

Réseau
Requêtes
Bonne pratique précédente
Précédent
Bonne pratique suivante
Suivant
18 avenue Parmentier
75011 Paris
+33 1 43 57 39 11
hello@premieroctet.com

Suivez nos aventures

GitHub
X (Twitter)
Flux RSS

Naviguez à vue