Un souci avec cet outil ?
À propos de « Minification CSS En Ligne »
Cet outil minifie le CSS en supprimant espaces inutiles, commentaires et syntaxe redondante. Le rendu reste identique mais la taille baisse souvent de 30 à 50% — pages plus rapides, bande passante réduite.
Optimisations typiques : suppression des espaces et commentaires, raccourci des couleurs hex (#FFFFFF → #FFF), fusion des sélecteurs partageant les mêmes règles, suppression des unités sur les zéros (0px → 0).
À exécuter avant le déploiement en production ; les source maps facilitent le débogage.
Comment utiliser cet outil
Compresser un CSS pour la production
Coller le CSS
Feuille de style complète (ou bloc) dans « CSS ». Commentaires, retours à la ligne et indentation sont retirés. Les chaînes et les url() restent intacts.
Exécuter
Résultat : champ `minified` et `savedPercent` (réduction par rapport à l’entrée). Économie typique : 20–40 % sur du CSS manuel, moins sur frameworks déjà optimisés.
Ce qui est retiré
Commentaires de bloc (`/* … */`) et tout whitespace inutile (autour de `{ } : ; ,`). Les `;` avant `}` sont conservés (plus sûr pour certains anciens parseurs) ou retirés selon le minifier — vérifiez la sortie si la précision en octets compte.
Limites
Pas de fusion de sélecteurs en double, pas de raccourcissement de couleurs (`#ffffff` ne devient pas `#fff`), pas de réordonnancement des déclarations. Pour une minification plus agressive, intégrez csso ou lightningcss à votre build.