Minificateur CSS

À propos de cet outil

Vous disposez donc d’un fichier CSS qui commence à ressembler à un roman. Peut-être qu'il est plein de commentaires, d'espaces supplémentaires ou de lignes que vous avez oublié de supprimer. Cela fonctionne bien, mais c'est encombrant. Ralentit les choses. Ennuyeux, non ?

C’est là qu’intervient un minificateur CSS. Ce n’est pas magique, mais c’est proche. Vous collez votre CSS désordonné et lisible par l'homme, et il génère une version compacte et optimisée. Pas de peluches. Exactement ce dont le navigateur a réellement besoin. Il supprime les espaces, supprime les commentaires, raccourcit les codes de couleur et combine parfois même les règles. Le tout sans casser vos styles.

J’ai utilisé une douzaine de ces outils au fil des ans. La plupart vont bien. Certains sont maladroits. Quelques-uns sont en fait assez astucieux. Mais ils font tous le même travail de base : réduire la taille de votre CSS. Et plus petit signifie généralement un chargement plus rapide. Ce qui, soyons honnêtes, est ce que nous voulons tous.

Fonctionnalités clés

Supprime les espaces et les sauts de ligne inutiles, car votre navigateur ne se soucie pas de votre formatage.
Supprime les commentaires. Oui, même ce mot que vous vous êtes laissé en 2019.
Raccourcit les couleurs hexadécimales lorsque cela est possible : #ffffff devient #fff, car pourquoi taper plus que nécessaire ?
Combine les sélecteurs et les propriétés en double lorsque cela est possible en toute sécurité.
Préserve les fonctionnalités. Votre mise en page ne se cassera pas. (La plupart du temps.)
Fonctionne instantanément. Pas d'inscription, pas de téléchargement. Collez et c'est parti.
Dispose généralement d'une option « restaurer » ou « embellir », au cas où vous auriez besoin de lire le résultat plus tard.

FAQ

La minification va-t-elle endommager mon site Web ?
Rarement. La plupart des minificateurs sont prudents. Mais si votre CSS a des hacks étranges ou s'appuie sur un formatage spécifique (comme certaines règles @import), les choses peuvent mal tourner. Testez toujours après la réduction. Et gardez une sauvegarde. Sérieusement.

Dois-je réduire pendant le développement ?
Non. Gardez votre fichier original propre et lisible pendant que vous travaillez. Réduisez uniquement lorsque vous êtes prêt à déployer. Utilisez des mappages de sources si vous craignez le débogage ultérieur.