Minifieur CSS
Minifiez votre fichier CSS
Code source
CSS Minifié
Le résultat apparaîtra ici.
À propos de l'outil
Cet outil allège une feuille de style avant sa mise en production, pour que vos pages téléchargent moins de données. Il convient à un thème WordPress, une page statique, un e-mail HTML ou tout projet sans chaîne de build, quand vous voulez réduire le poids du CSS sans installer PostCSS ni configurer un bundler pour cela.
La minification est confiée à CSSO, qui analyse réellement le CSS : suppression des espaces et des commentaires, écriture plus courte des valeurs comme les couleurs et les zéros, et fusion de règles lorsque le rendu n’en est pas changé. L’outil affiche ensuite la taille avant et après ainsi que le pourcentage gagné, et le résultat se télécharge en un clic.
Comment l'utiliser
- Collez votre feuille de style dans « Code source » ou choisissez un fichier .css dans « Importer un fichier ».
- Cliquez sur « Minifier CSS ».
- Vérifiez le résultat et le gain de taille dans « CSS Minifié ».
- Cliquez sur « Télécharger CSS Minifié » pour obtenir le fichier minified.css.
Questions fréquentes
Ma feuille de style est-elle envoyée à un serveur ?
Non. CSSO est chargé dans la page et la minification se fait dans votre navigateur. Le fichier importé est lu localement et le fichier minified.css est généré sur votre appareil au moment du téléchargement.
Pourquoi l’ordre de mes règles a-t-il changé ?
CSSO peut regrouper des sélecteurs identiques ou fusionner des déclarations pour gagner de la place, uniquement lorsque cela ne modifie pas le rendu. Le résultat peut donc être plus court qu’une simple suppression des espaces, avec un ordre différent.
L’outil accepte-t-il le SCSS, le Less ou le CSS imbriqué ?
Non, il attend du CSS standard sans imbrication. La syntaxe Sass ou Less et les règles imbriquées, y compris le nesting CSS natif, ne sont pas comprises et peuvent disparaître du résultat sans message d’erreur. Compilez d’abord votre fichier en CSS à plat.
Les commentaires importants sont-ils conservés ?
CSSO retire les commentaires ordinaires mais conserve ceux qui commencent par /*!, la convention utilisée pour les mentions de licence. Ajoutez ce point d’exclamation à tout commentaire qui doit rester dans le fichier minifié.