Minificateur CSS en ligne

Cette page ouvre le minificateur de code avec CSS présélectionné. Collez une feuille de style, appuyez sur le bouton et vous obtenez une seule ligne compacte : les commentaires sont supprimés, les espaces sont réduits autour des accolades, des deux-points, des points-virgules et des virgules, et le dernier point-virgule redondant avant chaque accolade fermante est supprimé.

CSS répond très bien à la minification car les feuilles de style formatées sont principalement constituées d'indentations et de commentaires – les économies typiques sont comprises entre 15 % et 40 % de la taille du fichier. Un CSS plus petit signifie que le navigateur commence le rendu plus tôt, car les feuilles de style bloquent le rendu : chaque kilo-octet supprimé du CSS réduit le temps de première peinture sur les connexions lentes.

Le minificateur fait attention là où cela compte : les chaînes dans les propriétés de contenu et les valeurs url() sont copiées textuellement, et les espaces autour des deux-points au niveau du sélecteur sont conservés afin que les combinateurs comme "a :hover" conservent leur signification. Le panneau de taille affiche les octets avant et après ainsi que le pourcentage enregistré, et le résultat peut être copié ou téléchargé en un clic.