Comment l’utiliser
- Collez votre JavaScript, ouvrez un fichier
.js, ou partez de l’exemple. - Le code minifié apparaît pendant que vous tapez, avec la taille avant et après. Une erreur de syntaxe est affichée avec sa ligne et sa colonne.
- Copiez-le ou téléchargez-le sous
script.min.js.
Ce qu’il fait
Le Minificateur JavaScript utilise Terser, le minificateur intégré à la plupart des outils de build :
- Il supprime les espaces et les commentaires.
- Il raccourcit les noms des variables locales et des paramètres (
firstdevientn). Les noms de premier niveau restent tels quels, pour que les autres scripts de la page puissent toujours appeler vos fonctions. - Il supprime le code qui ne peut jamais s’exécuter et simplifie les expressions (
if (x) { return a } else { return b }devientreturn x ? a : b).
Est-ce que ça vaut le coup ?
Le JavaScript est ce qu’une page charge de plus coûteux : il faut le télécharger, l’analyser et l’exécuter. La minification divise en général la taille d’un script par deux avant la compression gzip ou Brotli, et fait souvent encore gagner un tiers après, car des noms plus courts et l’absence de commentaires se compressent aussi. Les outils de build comme Vite et esbuild minifient déjà pour la production ; cette page est pour les scripts écrits et publiés à la main, et pour voir ce que la minification fait à un extrait.
Questions fréquentes
La minification peut-elle casser mon code ?
Terser préserve le sens d’un code valide. Un code qui lit ses propres noms de fonctions ou son texte source à l’exécution (c’est rare) peut se comporter autrement. Gardez la version lisible comme source et testez la version minifiée.
Prend-il en charge le JavaScript moderne ?
Oui, y compris les modules, les classes, async/await et le chaînage optionnel. Il ne change pas les navigateurs dans lesquels votre code s’exécute.
Et les source maps ?
Cette page n’en produit pas. Les outils de build écrivent les source maps à côté du fichier minifié, ce qui permet aux outils de développement du navigateur d’afficher votre code d’origine.
Mon code est-il envoyé quelque part ?
Non. Terser se charge dans votre navigateur et s’y exécute.