Bonne pratique
Lorsque plusieurs éléments du DOM (Document Object Model) ont des propriétés CSS communes, les déclarer ensemble dans la même feuille de styles. Cette méthode permet de réduire le poids de la CSS.
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.
Utiliser une approche utility-first avec Tailwind CSS permet d’automatiser le regroupement des propriétés CSS communes. Chaque classe Tailwind est prédéfinie pour des styles spécifiques, ce qui élimine le besoin de déclarations redondantes et réduit le poids de la CSS.
L'intégration de Tailwind CSS dans nos projets React simplifie la gestion des styles, car les classes aux propriétés similaires sont déjà optimisées. Cette approche génère une feuille de styles compacte, améliorant ainsi les performances et l'empreinte environnementale du site web.
Règle de validation
Le nombre de déclarations CSS similaires non regroupées doit être inférieur ou égal à 1
Ressources économisées