Minificateur CSS
Ce que fait ce minificateur CSS
Il compacte votre feuille de style en supprimant la plupart des commentaires, des espaces supplémentaires et des ruptures de ligne que les éditeurs humains ajoutent pour la lisibilité. La cascade et les sélecteurs restent fonctionnellement les mêmes, mais le fichier devient plus facile à intégrer ou à déposer dans un champ de taille. Il ne s'agit pas de règles inutilisées, de réécrire des propriétés personnalisées pour les anciens navigateurs, ou de CSS critique en ligne – ce sont des emplois build-pipeline.
Quand l'utiliser
Utilisez-le pour des expériences rapides, quand une exportation de thème gonfle avec des commentaires de bannière, ou quand vous avez besoin d'un bloc unique minifié pour une seule preuve HTML. En production, préférez votre packager (PostCSS, esbuild) avec les cartes sources; joignez cette page avecMinificateur HTMLetMinificateur JSlorsque vous comparez les trois tailles de fils pour une sortie statique.
Exemple travaillé
Une page d'atterrissage marketing envoie un fichier CSS de 120KB, principalement des en-têtes de commentaires d'une copie système de conception. Vous miniifiez une branche ici, montrez une chute de 30% d'octets, et ouvrez un ticket pour activer la minification dans le pipeline réel — preuve d'abord, config seconde.
Foire aux questions
Est-ce que @import ou url() se cassera?
Les minificateurs valides gardent des jetons dans les cordes. Si quelque chose casse, vous avez probablement eu un commentaire non clos ou une mauvaise évasion avant la minification.
Ai-je encore besoin de gzip ou de Brotli ?
Oui. Minification et pile de compression; ne jamais expédier d'énormes CSS à format humain juste parce que le transport l'encode.
Et les commentaires sur la licence ?
Certains avis juridiques doivent être conservés. Les outils peuvent les démêler – réinsérer les blocs requis dans votre construction, et non de la sortie de minify ad hoc seule.