Réduit la taille du fichier en supprimant les commentaires, les espaces inutiles et les caractères superflus de votre code CSS. S’exécute entièrement dans votre navigateur.
Qu’est-ce que la minification CSS ?
À mesure que les fichiers CSS grossissent, les temps de chargement augmentent. La minification réduit le fichier en supprimant les commentaires, les espaces inutiles, les points-virgules finaux et l’indentation. Le résultat est interprété exactement de la même manière par le navigateur, mais se télécharge plus vite.
Les avantages
Sur des fichiers CSS volumineux, la minification peut réduire la taille de 20 à 50 %. Cela accélère le chargement des ressources bloquant le rendu et contribue à de meilleurs scores Core Web Vitals.
Comment l’utiliser
- Collez votre code CSS dans le volet de gauche.
- Cliquez sur le bouton Minifier et copiez le résultat.
- Utilisez la version
.min.cssdans votre environnement de production.
Conseil : si vous servez votre CSS minifié via un CDN en combinaison avec la mise en cache du navigateur, les gains de performance se multiplient.
Questions fréquentes
Puis-je modifier un CSS minifié par la suite ?
Techniquement oui, mais il est difficile à lire. Effectuez toujours vos modifications dans le fichier d'origine (source), puis minifiez-le à nouveau.
Minifier et combiner, est-ce la même chose ?
Non. La minification réduit la taille des fichiers, tandis que la combinaison fusionne plusieurs fichiers en un seul afin de diminuer le nombre de requêtes. Utiliser les deux ensemble donne le meilleur résultat.
