Applications et sites
E-commerce & SaaS
Intelligence artificielle
Expertises techniques
Bonne pratique
Découper les CSS
Ce que dit le référentiel
Employer un ensemble de CSS plutôt qu’une seule, et appeler uniquement les CSS utiles en fonction du contexte. Cette méthode permet de limiter le poids de la page lors du premier téléchargement, donc d’économiser de la bande passante et de réduire la charge CPU.
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.
Notre avis
Tailwind CSS, avec son approche JIT (Just-In-Time), permet de générer uniquement les classes CSS utilisées dans le projet. Ainsi, le fichier CSS final est considérablement allégé.
En découpant et en chargeant uniquement le CSS nécessaire pour chaque page, nous minimisons la bande passante utilisée et réduisons la charge CPU, améliorant ainsi les performances et l'empreinte environnementale du site.
Règle de validation
Le nombre de bibliothèques CSS est supérieur ou égal doit être inférieur ou égal à 2
Ressources économisées