Fonction de cet outil
CSS Minifier analyse d'abord le CSS dans un arbre syntaxique, puis nettoie, compresse et optimise la structure. Il n'effectue pas de remplacement dangereux des expressions régulières d'espaces de l'ensemble du fichier, il peut donc faire la distinction entre les sélecteurs, les déclarations, les chaînes et les contextes de fonction.
- /*! 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
Compressez CSS à l'aide d'arbres de syntaxe CSSO, en comprenant le contexte des chaînes, du calcul et des propriétés personnalisées. Il convient aux scénarios quotidiens de développement, de débogage, de tri des données et d’optimisation du code. Les résultats du traitement peuvent être directement visualisés, copiés ou téléchargés.
FAQ
Quelles optimisations CSSO fera-t-il ?
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 ?
Oui. L’analyseur prend en charge les propriétés personnalisées CSS. Pour les projets complexes, testez toutefois la feuille de style finale dans les navigateurs ciblés.
Pourquoi garder /* ! des commentaires ?
Ce type de commentaire est souvent utilisé pour les mentions de licence ou de droits d'auteur, et la configuration actuelle est sélectionnée pour être conservée.