Minifier du code CSS / JS

Réduisez la taille de votre code CSS ou JavaScript directement dans votre navigateur, sans envoi à un serveur : suppression des commentaires et des espaces superflus.

Exemple :

Attention : il s'agit d'un minifieur basique (suppression des commentaires et compression des espaces) et non d'un outil de production complet comme Terser ou csso. Il ne renomme pas les variables et n'effectue aucune optimisation sémantique avancée.

Comment ça marche

Pensé pour réduire le poids d'un fichier CSS ou JavaScript avant de mettre en ligne un petit site ou une page perso : collez votre code source, choisissez le langage, cliquez sur « Minifier » et récupérez une version allégée (commentaires et espaces superflus retirés) ainsi que le pourcentage de réduction obtenu. Comme indiqué plus haut sur cette page, il s'agit d'un minifieur basique adapté à un besoin ponctuel ou d'apprentissage, pas d'un remplacement d'outils de production comme Terser ou csso pour un gros projet.

Pourquoi mon code minifié ne fonctionne plus ?

C'est rare mais possible avec du code très spécifique (par exemple du JavaScript reposant sur des espaces ou des points-virgules implicites dans des cas limites). Comme ce minifieur ne fait pas d'analyse sémantique avancée ni de renommage de variables, il est recommandé de toujours tester le résultat avant de le mettre en production.

Quelle différence entre minification et compression gzip ?

La minification modifie le code source lui-même (suppression de commentaires, d'espaces, raccourcissement) et produit un fichier plus petit qui reste directement exécutable tel quel. La compression gzip (ou brotli) s'applique ensuite, côté serveur, sur le fichier déjà minifié : elle compresse le transfert réseau sans modifier le contenu, et le navigateur le décompresse à la réception. Les deux techniques sont complémentaires.

La minification s'exécute 100% localement dans votre navigateur via WebAssembly : votre code source n'est jamais envoyé à un serveur.