Deux tâches opposées sur la même feuille de style. La minification retire ce dont seuls les humains ont besoin : commentaires et indentation. Le formatage les remet, pour qu’un fichier hérité redevienne lisible. Les deux travaillent sur le texte fourni, sans toucher au sens du CSS.

Comment l’utiliser

1. 1 Collez le CSS - un fichier entier ou une seule règle.
2. 2 Cliquez sur Minifier pour compresser, ou Formater pour réaérer avec indentation.
3. 3 Vérifiez le poids, puis copiez le résultat.

Une espace dans un sélecteur n’est pas décorative

« .a .b » vise un .b à l’intérieur d’un .a ; « .a.b » vise un élément portant les deux classes. Ce sont des sélecteurs différents, et un minifieur qui prend l’espace pour du vide colore discrètement les mauvais éléments. Ici, l’espace entre deux parties de sélecteur survit toujours ; seul celui autour des combinateurs comme > et + disparaît.

calc() a besoin de ses espaces

Dans « calc(100% - 10px) », les espaces autour du moins sont exigées par la grammaire : sans elles, le navigateur lit « -10px » comme une longueur négative, l’expression devient invalide et toute la déclaration est jetée. Rien ne vous prévient — la mise en page est simplement fausse. Cet outil ne retire jamais d’espaces à l’intérieur des parenthèses.

Les commentaires de licence restent

Un commentaire commençant par /*! porte une mention de copyright ou de licence, et par convention tout minifieur le conserve. Le supprimer reviendrait à retirer l’attribution qu’une bibliothèque vous demande de livrer. Les commentaires /* ordinaires sont pour vous et votre équipe : eux partent.

Minifier le CSS rapporte moins que gzip

Les serveurs compressent déjà les feuilles de style à la sortie, et gzip excelle sur les espaces répétées : minifier par-dessus économise en général quelques pour cent, pas la moitié. Faites-le parce que c’est ce fichier qui part en production et que vous le voulez petit et stable, pas parce que la page ira nettement plus vite.