Awesome GitHub RepositoriesCSS Minification Tools

cssnano est un outil de compression et de minification CSS qui réduit la taille des fichiers et l'empreinte gzip des feuilles de style. Il opère comme un optimiseur de pipeline de build et un transformateur de code qui supprime les espaces et les commentaires tout en raccourcissant les couleurs et les dégradés vers leurs représentations les plus compactes. L'outil utilise une architecture de plugins modulaire et des niveaux d'optimisation basés sur des préréglages pour équilibrer l'intensité de la compression avec la compatibilité des navigateurs. Il permet d'ajuster la sortie en fonction d'une liste cible de navigateurs supportés pour garantir que les styles minifiés restent compatibles dans différents environnements. Le projet s'intègre dans les pipelines PostCSS et les bundlers de modules, fournissant à la fois une interface en ligne de commande et des capacités d'automatisation pour l'intégration dans les processus de build. Cela permet de réduire la taille totale en octets et la latence réseau grâce à des workflows de minification CSS automatisés.

Clean-CSS est un optimiseur et minificateur CSS Node.js conçu pour réduire la taille des feuilles de style et améliorer les performances web. Il fonctionne comme un post-processeur CSS qui supprime les espaces blancs inutiles, les commentaires et les propriétés redondantes des feuilles de style. Le projet utilise un arbre de syntaxe abstraite pour l'analyse et un pipeline d'optimisation multi-passes pour restructurer les règles et simplifier les propriétés. Il dispose d'une interface de plugin pour des transformations de style personnalisées et fournit une minification consciente de la compatibilité pour garantir que les styles restent fonctionnels sur des versions de navigateurs hérités spécifiques. Les capacités supplémentaires incluent la génération de source maps pour le débogage, le rebasage des URL d'actifs pour les images et polices déplacées, et la résolution des instructions d'importation en ligne. Le système prend en charge le traitement par lots de fichiers et fournit une interface en ligne de commande pour automatiser les tâches d'optimisation au sein des pipelines de build frontend.