Minificateur de code
Minifiez HTML, CSS et JavaScript pour réduire la taille des fichiers et accélérer le chargement. Outil gratuit, 100% côté client, sans inscription.
Référence
Qu'est-ce que la minification de code ?
La minification de code supprime les caractères inutiles du code source — espaces, commentaires, sauts de ligne et délimiteurs optionnels — sans modifier le comportement du code. Le résultat est un fichier plus petit qui se télécharge plus rapidement sur le réseau. La minification est une étape standard dans tout pipeline de build front-end moderne et est recommandée par les directives de performance web de Google pour HTML, CSS et JavaScript.
Minification HTML
La minification HTML supprime les commentaires HTML (<!-- ... -->) et compresse les espaces entre les balises. Les navigateurs ignorent les espaces supplémentaires en HTML, donc les supprimer n'a aucun effet visuel mais réduit la taille du fichier. Les économies typiques de la minification HTML vont de 10–25% selon le style de formatage et la densité des commentaires. Les blocs <style> et <script> en ligne bénéficient également de leur propre minification spécifique.
Minification CSS
La minification CSS supprime les commentaires (/* ... */), compresse les espaces et supprime les espaces autour de {, }, :, ; et ,. Elle supprime aussi le dernier point-virgule avant }, que les parseurs CSS permettent d'omettre. Les fichiers CSS bien commentés voient généralement une réduction de 20–40%. Pour la production, des outils comme cssnano et Lightning CSS vont plus loin en fusionnant les règles dupliquées, en raccourcissant les couleurs (#ffffff → #fff) et en supprimant les préfixes redondants.
Minification JavaScript
Cet outil effectue une minification conservatrice de JavaScript : il supprime les commentaires sur une ligne (// ...), les commentaires multi-lignes (/* ... */) et compresse les espaces. C'est sûr et rapide, mais pas un optimiseur complet — il ne renomme pas les variables, ne supprime pas les exports inutilisés ni le code mort. Pour les builds de production, utilisez des outils dédiés : Terser (le standard pour Webpack/Vite), esbuild (extrêmement rapide, en Go) ou SWC (en Rust, utilisé par Next.js). Ces outils atteignent une réduction de 40–70% en combinant minification et renommage de variables.
Confidentialité
Tout le traitement se fait 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.