Minifieur HTML, CSS et JS
Comment minifier du code
- Collez votre HTML, CSS ou JavaScript. Le langage est détecté, ou vous le choisissez.
- La version minifiée apparaît en dessous avec la taille avant et après et le pourcentage gagné.
- Copiez-la ou téléchargez-la en fichier .min.
Questions fréquentes
Qu’est-ce qui est retiré exactement ?
Les commentaires et les espaces inutiles. En CSS, les espaces près des accolades, des points-virgules, des virgules et des deux-points partent, ainsi que le dernier point-virgule de chaque bloc. En HTML, les suites d’espaces deviennent un seul et les commentaires partent. En JavaScript, les commentaires et l’indentation partent.
Pourquoi le JavaScript garde-t-il ses retours à la ligne ?
Parce que les retirer peut changer le comportement du code. JavaScript insère des points-virgules en fin de ligne : joindre deux lignes qui comptaient sur ce mécanisme les casserait. Seules l’indentation, les lignes vides et les commentaires sont retirés, ce qui est sans risque sur n’importe quel code.
Renomme-t-il les variables comme un outil de build ?
Non. Raccourcir les noms et réécrire les expressions demande un véritable analyseur, c’est le travail d’un bundler comme esbuild, terser ou SWC. Cet outil sert à dégraisser un fichier à la main, où le gain est en général de 10 à 30 %.
Est-ce sûr avec les chaînes et les expressions régulières ?
Oui. Le lecteur suit les guillemets, les littéraux de gabarit et les expressions régulières : une marque de commentaire dans une chaîne, ou une barre oblique dans une expression régulière, reste intacte.
Pourquoi l’espace entre les balises HTML est-il conservé ?
Un espace entre deux éléments en ligne se voit sur la page : le retirer collerait les mots. Cochez la seconde case si votre balisage est entièrement en éléments de bloc et que vous voulez le supprimer.
gzip ne le fait-il pas déjà ?
En grande partie, oui. Un serveur qui compresse en gzip ou Brotli élimine déjà les espaces répétés, donc minifier d’abord rapporte beaucoup moins que le nombre d’octets ne le laisse croire. Cela reste utile pour du code en ligne, des gabarits d’e-mail et des fichiers servis sans compression.
Mon code est-il envoyé ?
Non. Le texte est traité dans votre navigateur et n’est envoyé nulle part.