Fonction de cet outil
CSS Minifier supprime les espaces et commentaires inutiles et raccourcit les déclarations de style qui s’y prêtent. Il respecte la syntaxe CSS des chaînes, sélecteurs et fonctions ; vérifiez ensuite l’affichage sur la page concernée.
- /*! les commentaires dans le formulaire de licence sont conservés.
- Prend en charge les sélecteurs modernes, les requêtes multimédias, calc() et les attributs personnalisés.
- Les erreurs d'analyse sont affichées, les anciens résultats d'erreur ne sont pas affichés.
Mode d’emploi
- Collez le CSS.
- Cliquez sur "Compresser CSS".
- Affichez les résultats de compression et le taux d’économies.
- Copiez ou téléchargez minified.css et effectuez des tests de régression visuelle.
Utilisations courantes
- Optimisez la taille de la feuille de style de l’environnement de production.
- Supprimez les espaces vides de sens et les commentaires simples.
- Consolidez les déclarations et les valeurs qui peuvent être optimisées en toute sécurité.
Fonctionnalités de CSS Minifier
Minifiez le CSS en conservant les chaînes, les expressions calc() et les propriétés personnalisées. Vérifiez le résultat, puis copiez-le pour l’utiliser.
FAQ
Quels éléments sont optimisés lors de la minification ?
Il élimine les redondances, raccourcit les valeurs qui peuvent être exprimées sous des formes plus courtes et restructure certaines déclarations selon des règles de sécurité.
Les attributs personnalisés seront-ils conservés ?
Les propriétés personnalisées CSS courantes sont conservées. Pour les styles complexes, vérifiez le résultat minifié dans les navigateurs visés.
Pourquoi garder /* ! des commentaires ?
Ces commentaires contiennent souvent des informations de licence ou de droits d’auteur ; ils sont donc conservés dans le résultat minifié.