Minifiez du code CSS et mesurez le gain de taille

Ce minificateur supprime ce poids de livraison tout en préservant les chaînes entre guillemets, l’ordre des sélecteurs, les déclarations et la structure des règles. Il renvoie le CSS compact, les nombres d’octets UTF-8 avant et après traitement, ainsi que le pourcentage de réduction. L’opération est déterministe, sans accès réseau, et refuse les accolades déséquilibrées.

Ce que le minificateur retire

Le minificateur cible la mise en forme dont le navigateur n’a pas besoin lorsqu’il reçoit une feuille de style. Il supprime les commentaires de bloc, réduit les suites d’espaces et de sauts de ligne, retire les espaces autour de la ponctuation structurelle et enlève le dernier point-virgule placé juste avant une accolade fermante. Il ne réordonne pas les règles, ne fusionne pas les sélecteurs, ne renomme pas les propriétés personnalisées, ne raccourcit pas les couleurs et ne réécrit pas les calculs. Cette limite prudente est essentielle, car le comportement du CSS dépend de l’ordre du code, de la spécificité et du contenu exact de certaines valeurs. Les chaînes entre guillemets sont analysées séparément : les espaces, accolades, signes de ponctuation et textes ressemblant à des commentaires dans une URL ou un contenu généré restent intacts. Les guillemets échappés sont également respectés. Les espaces séparant des jetons sont conservés si leur suppression risque de joindre deux mots ou valeurs. Utilisez le résultat comme ressource générée et gardez la source lisible dans votre gestionnaire de versions.

Fonctionnement de la validation et des mesures

Avant de fournir un résultat, l’analyseur suit chaque accolade ouvrante et fermante située hors des commentaires et des chaînes entre guillemets. Une fermeture sans ouverture préalable, ou une ouverture encore présente à la fin, déclenche une erreur d’entrée non valide au lieu de produire un CSS partiel. Ce contrôle repère rapidement les erreurs de copier-coller et les feuilles tronquées. La capacité refuse aussi un CSS absent ou vide, un commentaire inachevé et une chaîne non fermée, car ces entrées ne peuvent pas être minifiées de manière prévisible. Les tailles sont mesurées en octets UTF-8, et non en caractères JavaScript. Cette distinction compte pour les noms de polices non ASCII, le contenu généré localisé et les sélecteurs Unicode, où un caractère visible peut occuper plusieurs octets pendant le transfert. Le pourcentage est calculé à partir des deux nombres d’octets, puis arrondi à deux décimales. Le même analyseur déterministe traite chaque requête sans réseau, hasard, horloge ni état externe : une entrée identique produit toujours le même CSS et les mêmes mesures.

Intégrer le résultat au processus de livraison

Un processus courant conserve le CSS mis en forme comme source modifiable et ne minifie que la copie destinée à un site, un paquet applicatif, un modèle d’e-mail ou un hébergeur de ressources statiques. Envoyez la feuille complète, lisez la valeur compacte du champ css et écrivez-la dans l’artefact de déploiement. Les champs original_bytes et minified_bytes peuvent alimenter les journaux de compilation, tandis que reduction_percent donne une mesure immédiatement lisible de l’économie. Une tâche d’intégration continue peut comparer ces mesures entre versions afin de détecter une croissance accidentelle ; pour un budget de taille, utilisez toutefois les octets exacts plutôt que le pourcentage arrondi. Cet outil est un minificateur, pas un compilateur CSS complet : il ne résout pas les imports, n’ajoute pas de préfixes, ne valide pas toutes les propriétés, ne transpile pas la nouvelle syntaxe et ne combine pas les fichiers. Effectuez ces transformations d’abord, puis minifiez la sortie finale. Si les accolades sont invalides, corrigez ou régénérez la source. L’automatisation API coûte $0.002 par requête.