Minificateur de code CSS

Un fichier CSS plus léger, un site qui ne change pas

La feuille de style que vous écrivez est pleine d'espaces, de lignes vides et de commentaires. Ils vous sont indispensables pour la modifier, mais le navigateur n'en a pas besoin, et chaque visiteur les télécharge quand même. Le minificateur CSS de Jood supprime ce superflu et vous rend un fichier plus petit qui fonctionne exactement de la même façon.

La taille compte plus qu'on ne le croit : le navigateur attend d'avoir chargé les feuilles de style liées dans l'en-tête avant d'afficher la page. Chaque kilo-octet en moins rapproche donc le moment où votre visiteur voit le site, surtout sur une connexion mobile lente.

Mode d'emploi

1. Collez votre code CSS dans le champ, jusqu'à 2 Mo.
2. Cliquez sur « Commencer ».
3. Copiez le code minifié avec « Copier le résultat » et placez-le dans un fichier séparé, par exemple style.min.css.

Ce qui disparaît, ce qui reste

• Supprimés : les commentaires, les espaces et retours à la ligne inutiles, et le dernier point-virgule avant chaque accolade fermante.
• Conservés tels quels : les textes entre guillemets, comme les noms de police, et le contenu des url() pour les images et les polices, afin qu'aucun lien ne casse.
• Les commentaires de licence qui commencent par /*! sont gardés, car certaines bibliothèques l'exigent.

Exemple : « .card { color: #ffffff; padding: 0px 10px; } » devient « .card{color:#ffffff;padding:0px 10px} ».

Ce que l'outil ne fait pas

Il retire le superflu sans réécrire les valeurs : #ffffff reste #ffffff au lieu de devenir #fff, et 0px ne devient pas 0. Il ne fusionne pas non plus les règles en double et ne supprime pas les styles inutilisés de vos pages. Ces optimisations demandent des outils de build spécialisés comme cssnano et servent surtout aux gros projets. Pour un site classique ou un petit thème, supprimer espaces et commentaires représente l'essentiel du gain.

Deux conseils

• Gardez toujours la version d'origine, lisible, pour les modifications, et ne publiez que la version minifiée.
• La minification complète la compression gzip faite par le serveur, elle ne la remplace pas : l'idéal est d'avoir les deux.

Pour JavaScript, utilisez le minificateur JavaScript, et pour les pages, le minificateur HTML. Le code est envoyé au serveur de Jood, minifié, et n'est pas conservé.

Questions fréquentes