Réduire le CSS

Allégez CSS, HTML et JavaScript sans rien casser

Code minifié

Les commentaires, les espaces et les sauts de ligne sont supprimés. Les noms et les valeurs restent identiques, le code fonctionne donc de la même façon.

Tout se passe dans votre navigateur : votre texte n’est envoyé nulle part.

Comment minifier du CSS

Étape 1

Collez votre CSS dans le premier champ

Étape 2

Regardez le code minifié et les octets économisés

Étape 3

Copiez le CSS minifié dans votre site

Ce que fait la minification du CSS

Les espaces, sauts de ligne, indentations et commentaires rendent une feuille de style lisible pour les humains, mais les navigateurs n'en ont pas besoin. Collez votre CSS : le code minifié apparaît pendant la saisie, avec sa taille en octets et le gain obtenu. Seul ce qui ne change rien est supprimé : l'espace d'un sélecteur descendant comme nav a est conservé, car nava serait un autre sélecteur, tout comme les espaces dont calc() a besoin. Les commentaires qui commencent par /*!, et qui contiennent généralement une licence, sont conservés.

Le même outil minifie aussi le HTML et le JavaScript : choisissez le langage au-dessus du champ. Pour le HTML, « Supprimer les commentaires » efface les commentaires, et « Minifier aussi le CSS et le JavaScript qu'il contient » minifie en plus les blocs de style et de script de la page. Le JavaScript est d'abord vérifié par votre navigateur et, si le code contient une erreur, l'outil l'affiche au lieu de le minifier. La minification s'ajoute à la compression gzip ou Brotli du serveur, car les deux réduisent le fichier de façons différentes. Votre code n'est envoyé nulle part.

AnyTextEditor vous a-t-il été utile?

Salut. Nous nous sommes efforcés de créer un site Web pratique que nous utilisons nous-mêmes. Si vous avez aimé l'un de nos outils et éditeurs, ajoutez-le à vos favoris, car il vous sera utile plus d'une fois. Et n'oubliez pas de partager sur les réseaux sociaux. Nous serons mieux pour vous.