Minifieur CSS - Compressez le CSS en Ligne et Voyez le Gain
Minifieur CSS
Compressez le CSS et voyez combien d’octets vous économisez
Vraie Compression
Supprime espaces et commentaires, raccourcit les couleurs (les codes hexadécimaux à six chiffres passent à trois quand c’est possible) et les valeurs (0px devient 0) et retire guillemets et unités inutiles.
Fusionne les Règles
Les règles aux déclarations identiques sont combinées et les media queries en double sont regroupées, ce qui fait souvent gagner plus que la suppression des espaces.
Voyez le Gain
La taille d’origine, la taille minifiée, le pourcentage économisé et la taille avec gzip sont affichés, pour savoir ce que les visiteurs téléchargent vraiment.
Confidentiel
Votre feuille de style est traitée dans votre navigateur avec la bibliothèque csso. Elle n’est jamais envoyée.
Pourquoi Minifier le CSS
Les navigateurs doivent télécharger une feuille de style avant d'afficher la page : chaque octet compte, surtout sur mobile. La minification retire tout ce dont le navigateur n'a pas besoin, comme l'indentation, les commentaires et les unités redondantes, sans changer l'apparence de la page. La plupart des sites servent aussi le CSS compressé en gzip ou Brotli ; regardez donc le chiffre avec gzip, plus proche de ce qui est réellement transféré.
L'option de restructuration permet à csso de fusionner et de réordonner les règles pour un résultat plus petit. Elle est conçue pour préserver la cascade, mais si votre CSS dépend d'un ordre de règles inhabituel, décochez-la pour une minification plus simple et plus sûre, et comparez la page avant de publier. Les commentaires commençant par /*! sont généralement des mentions de licence ; ils sont donc conservés, sauf si vous demandez de tout supprimer.
Points Clés
- Gardez l’original : Le CSS minifié est difficile à modifier. Conservez la source lisible et minifiez à la publication.
- Gzip compte plus qu’on ne le croit : Les fichiers minifiés se compressent encore, et la taille avec gzip montre le gain réel.
- Outils liés : Utilisez le Formateur CSS pour rendre à nouveau lisible un CSS minifié.