341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
Minifiez votre code CSS
Minifier une feuille de style retire ce que le navigateur ignore : commentaires, retours à la ligne, espaces autour des accolades et des deux-points. Le gain se lit directement, taille avant, taille après et pourcentage économisé. Sur une petite feuille écrite à la main, la réduction dépasse souvent le tiers. C'est utile pour un style embarqué dans une page, un courriel HTML ou une démonstration, là où passer par une chaîne de compilation serait disproportionné. Le traitement est purement textuel et se fait dans le navigateur : gardez la version lisible comme source de vérité, la version minifiée n'étant pas destinée à être modifiée.
Sur du CSS ordinaire, oui. La minification est ici purement textuelle : elle ne comprend ni les chaînes ni les `url()`, si bien qu'un espace significatif à l'intérieur d'une valeur entre guillemets peut être réduit. Vérifiez le rendu si votre feuille contient du texte généré par `content`.
De 20 à 40 % sur une feuille écrite à la main et commentée, beaucoup moins sur un fichier déjà produit par un outil de compilation. Et le gain réel une fois la compression du serveur appliquée est plus faible encore : la compression réduit déjà bien les espaces répétés.
Pour un projet outillé, non : la chaîne de compilation le fait mieux et à chaque build. Cet outil sert aux cas où il n'y a pas de chaîne du tout, un style inline dans un gabarit, un courriel, une page unique.
Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr