AccueilClientsExpertisesBlogOpen SourceContact

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.

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

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

Processeur
Réseau
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