JavaScript Minifier — Minificateur JavaScript

Comment fonctionne la minification JavaScript

La minification réduit la taille du JavaScript sans modifier son comportement. Cet outil utilise Terser, un minificateur éprouvé qui analyse votre code pour en construire un arbre syntaxique abstrait, le transforme, puis le réécrit sans espaces ni commentaires superflus. L'étape compress applique des dizaines d'optimisations : elle supprime le code inaccessible et les variables inutilisées, insère les constantes en ligne, regroupe les déclarations de variables consécutives, transforme lorsque c'est possible les instructions if en expressions conditionnelles plus courtes et évalue à l'avance les expressions constantes simples. L'étape mangle renomme ensuite les variables locales, les paramètres et les noms de fonctions en une ou deux lettres. Les noms de propriétés et les variables globales ne sont pas modifiés, de sorte que le comportement public de votre code reste identique.

Les badges de taille indiquent le poids en octets UTF-8 de l'entrée et de la sortie ainsi que le pourcentage économisé. Un code écrit à la main diminue généralement de 40 à 70 % ; un code déjà compact ou composé surtout de longues chaînes diminue moins. Gardez à l'esprit que les serveurs recompressent généralement le JavaScript avec gzip ou Brotli : le gain réel lors du transfert est donc inférieur au chiffre brut, mais le code minifié s'analyse tout de même plus vite et consomme moins de bande passante.

Choisir les bonnes options

L'option ECMAScript target indique à Terser la syntaxe qu'il peut utiliser en sortie. Avec ES2020, il peut produire des fonctions fléchées, du chaînage optionnel et d'autres formes modernes ; avec ES5, il évite d'introduire une syntaxe plus récente, mais il ne transpile pas le code moderne que vous avez écrit : utilisez pour cela un outil comme Babel ou esbuild. Keep console.* conserve les journaux, ce qui est pratique pour les builds de préproduction. Activez ES module pour les fichiers qui utilisent import/export ; cela permet aussi de raccourcir les noms de premier niveau, car la portée d'un module est privée.

Confidentiel par conception

Le minificateur est chargé à la demande et s'exécute localement : votre code source n'est donc jamais envoyé en ligne. Il convient ainsi parfaitement aux petites tâches ponctuelles, comme réduire un script inline, un bookmarklet ou un extrait destiné à un gestionnaire de balises tiers. Si Terser signale une erreur de syntaxe, le message précise la ligne et la colonne pour vous aider à corriger l'entrée. Pour les bundles de production, laissez la minification dans votre chaîne de build afin qu'elle soit reproductible, et générez des source maps pour le débogage.