Minifieur CSS

Retirer les espaces et les commentaires est la partie évidente et facile de la minification — tous les minifieurs le font, et à elle seule, c'est à peine plus qu'un rechercher-remplacer. Ce qui distingue un vrai minifieur conscient du CSS d'un simple retrait d'espaces, c'est tout ce qui nécessite de réellement comprendre la feuille de style : la compression des valeurs abrégées, où une couleur écrite `#ffffff` devient `#fff` et où les unités zéro redondantes sont supprimées, et la fusion des règles en double ou qui se chevauchent, où deux règles qui finissent par appliquer les mêmes déclarations sont combinées en une seule. Les deux nécessitent d'abord d'analyser le CSS en une véritable structure — savoir quel sélecteur s'applique à quelles déclarations, et quelles valeurs sont équivalentes — ce qui explique pourquoi csso construit un véritable arbre syntaxique plutôt que de faire de la correspondance de motifs sur du texte, la même raison pour laquelle un vrai analyseur syntaxique justifie son intérêt face à une passe regex.

Les outils de build modernes minifient automatiquement leur sortie CSS dans le cadre d'un build de production, donc pour quiconque travaille dans un projet groupé (bundlé), la minification se produit déjà invisiblement à chaque build. Un outil autonome comme celui-ci couvre ce qui tombe en dehors de ce pipeline : un CMS ou une plateforme sans aucune étape de build, un extrait ponctuel rapide qui doit tenir quelque part avec une contrainte de taille, ou simplement vérifier de combien une feuille de style donnée se réduirait réellement avant de décider si mettre en place un outillage en vaut la peine. Pour un fichier unique nécessaire une seule fois, le coller ici et copier le résultat est le chemin le plus rapide vers la même sortie que produirait un bundler.

Un minifieur conscient du CSS est délibérément prudent sur ce qu'il fusionne ou réécrit : les propriétés personnalisées (variables CSS), les media queries, les animations keyframes et les déclarations préfixées par un fournisseur sont tous préservés exactement tels qu'écrits, car les fusionner incorrectement pourrait changer silencieusement l'affichage d'une page sur certains navigateurs ou certaines tailles d'écran plutôt que simplement l'apparence de la source. Les optimisations sûres à faire automatiquement — espaces, commentaires, valeurs abrégées, règles véritablement en double — sont celles qui n'ont aucun effet possible sur la page rendue, ce qui est tout le principe de conception derrière l'utilisation d'un vrai analyseur syntaxique plutôt qu'une approche de rechercher-remplacer plus brutale et risquée.