Que fait la minification JavaScript ?
Minifier un script, c’est produire un code qui fait exactement la même chose mais en beaucoup moins de caractères. Sur JavaScript, le gain est souvent important, car le code source est riche en noms de variables longs, commentaires et indentation, et le navigateur doit télécharger puis analyser chaque octet.
L’outil utilise Terser, le minifieur utilisé par la plupart des bundlers. Il prend en charge le JavaScript moderne (ES2015 et versions suivantes : classes, fonctions fléchées, async/await, modules). Quatre options : compress supprime le code mort et simplifie les expressions ; mangle raccourcit les noms des variables et fonctions locales ; la conservation des commentaires de licence garde les blocs /*! et @license ; enfin, vous pouvez supprimer tous les appels console.* avant la mise en production.
Ce qui ne change pas : le comportement du programme et les noms visibles de l’extérieur (propriétés d’objets, variables globales). Attention en revanche : JSX et TypeScript ne sont pas pris en charge ; compilez-les d’abord en JavaScript. En cas d’erreur de syntaxe, le message de l’analyseur s’affiche avec sa position.
Collez votre code ou déposez un fichier .js, .mjs ou .cjs : tout est traité dans votre navigateur, sans envoi. L’essai gratuit couvre un fichier ou un texte collé ; ToolStudio Pro offre un usage illimité et la minification de plusieurs fichiers à la fois, téléchargés ensemble en ZIP.
Comment minifier du JavaScript ?
- Collez votre code ou déposez un fichier .js, .mjs ou .cjs.
- Choisissez les options : compress, mangle, commentaires de licence, suppression des console.*.
- Lancez la minification.
- Consultez la taille avant / après et le pourcentage économisé.
- Copiez le code minifié ou téléchargez le fichier.
Quand minifier du JavaScript ?
- Publier un petit script sans mettre en place webpack, Vite ou esbuild.
- Minifier un snippet d’analytics ou un widget à intégrer chez des clients.
- Retirer les console.log oubliés avant une mise en production.
- Préparer un bookmarklet compact.
- Réduire le poids d’un script inline dans une page HTML.
- Vérifier rapidement le gain de taille d’un fichier avant de l’optimiser.
Compress et mangle : ce que fait chaque option
- compress : supprime le code inaccessible (après un return, dans un if (false)), évalue les constantes et simplifie les conditions.
- mangle : renomme les variables locales en noms d’une lettre ; userAccountBalance devient par exemple a.
- Les propriétés d’objets et les variables globales ne sont pas renommées, pour ne pas casser le code qui les utilise.
- Un code minifié peut être reformaté, mais les noms d’origine perdus avec mangle ne peuvent pas être retrouvés : gardez toujours votre source.
Foire Aux Questions
Le TypeScript et le JSX sont-ils acceptés ?
Non. Terser attend du JavaScript standard. Compilez d’abord votre TypeScript ou JSX en JavaScript, puis minifiez le résultat.
La minification peut-elle casser mon code ?
Pas un code valide qui ne dépend pas des noms de variables locales. Si votre code lit le nom d’une fonction (fn.name) ou utilise eval, désactivez mangle.
Comment supprimer les console.log ?
Activez l’option de suppression des appels console.* : tous les console.log, console.warn, etc. sont retirés du résultat.
Les commentaires de licence sont-ils conservés ?
Oui, avec l’option prévue, les commentaires /*! et ceux contenant @license restent dans le fichier.
Mon code est-il envoyé sur un serveur ?
Non, Terser s’exécute dans votre navigateur ; le code ne quitte pas votre appareil.
Est-ce gratuit ?
L’essai gratuit couvre un fichier ou un texte collé par outil. Une fois l’essai utilisé, vous pouvez encore retraiter ce même contenu avec d’autres options ; pour un nouveau contenu, il faut ToolStudio Pro : usage illimité de tous les outils, plusieurs fichiers à la fois téléchargés ensemble en ZIP, et aucune publicité. Résiliable à tout moment.