Minifier du JavaScript
Pour minifier du JavaScript, collez le code ci-dessous : l’outil retire commentaires et espaces superflus et montre combien d’octets vous gagnez. Chaînes, littéraux de gabarit et expressions régulières restent intacts ; le résultat fait la même chose que l’original.
Source : Ecma International – ECMAScript Language Specification (§ 12.10 Automatic Semicolon Insertion). Mise à jour : .
Comment le calcul est fait
Minifier du JavaScript, c’est retirer tout ce dont l’exécution n’a pas besoin : commentaires, indentations, espaces et retours à la ligne. L’outil découpe le code dans votre navigateur en chaînes, littéraux de gabarit, expressions régulières, nombres, mots et symboles, puis le recompose avec le moins d’espaces possible. Le fichier se charge plus vite ; son comportement ne change pas.
Comment ça marche
- Collez du JavaScript dans le champ.
- Décidez si les commentaires de licence (/*! … */, @license, @preserve) doivent rester.
- Copiez le résultat ; l’affichage indique la taille avant et après.
Ce qui se passe lors de la minification
- Retirés : commentaires de ligne et de bloc, indentations, espaces répétés, retours à la ligne superflus.
- Les retours à la ligne restent là où ils remplacent un point-virgule (insertion automatique de point-virgule) : après return, break, continue, throw, entre des instructions sans point-virgule et avant ++ et --. Une espace reste entre deux mots ou dans + + et - -.
- Inchangés : chaînes, littéraux de gabarit (même imbriqués) et littéraux d’expressions régulières – leur contenu n’est jamais touché.
- Non renommés : les noms de variables et de fonctions restent, c’est pourquoi le résultat est toujours équivalent.
Limites
Pour la réduction maximale (raccourcir les noms, supprimer le code mort, remanier le code), utilisez Terser ou esbuild dans votre build. Cet outil sert à réduire vite et sans risque, sans aucune installation.
- Jusqu’à 2 millions de caractères. TypeScript, JSX et autres extensions ne sont pas du JavaScript – compilez-les d’abord.
- Une expression régulière placée juste après une parenthèse fermante (par exemple if (x) /re/.test(y)) est lue comme une division ; mettez-y des accolades ou un point-virgule. La syntaxe n’est pas vérifiée.
Confidentialité
Le code ne quitte pas votre navigateur. Pour les feuilles de style, voir minifier du CSS ; pour la suite : formater du HTML ou tester une regex.
Questions fréquentes
Comment minifier du JavaScript ?
Collez le JavaScript dans le champ : l’outil retire commentaires et espaces et montre le gain. Copiez le résultat dans votre fichier.
La minification change-t-elle le comportement du code ?
Non. L’outil ne retire que commentaires et espaces et laisse inchangés chaînes, littéraux de gabarit et expressions régulières. Les retours à la ligne restent là où ils remplacent un point-virgule.
Les noms de variables sont-ils raccourcis ?
Non. Cet outil ne renomme rien. Pour la réduction maximale, utilisez Terser ou esbuild dans votre build.
Combien la minification fait-elle gagner ?
Pour des fichiers commentés et indentés, souvent 20 à 50 pour cent. En plus, le serveur compresse en gzip ou Brotli ; les deux ensemble ont du sens.
Peut-on rendre un code minifié lisible à nouveau ?
Cet outil ne va que dans un sens. Pour indenter du code, un éditeur ou un formateur de code convient.
Mon code est-il envoyé quelque part ?
Non. Tout se passe en local dans votre navigateur.
Sources et références juridiques
- Ecma International – ECMAScript Language Specification (§ 12.10 Automatic Semicolon Insertion)
- MDN – Lexical grammar (Zeichenketten, Template-Literale, Regex-Literale, Kommentare)
- MDN – Automatic semicolon insertion (Fallstricke: return, ++, --)
Dernière mise à jour : · Principes éditoriaux
Outils similaires
- Minifier CSS : réduire, formater et inliner le CSS dans le HTMLMinifier CSS et le formater, plus inliner le CSS dans le HTML pour les e-mails : transformations sûres, erreurs avec ligne, dans le navigateur sans envoi.
- Formater du HTMLFormater du HTML : indenter le code source pour le rendre lisible ou le minifier sur une ligne, avec alerte sur les balises non fermées. Dans votre navigateur.
- Formater, valider et minifier du JSONValidez votre JSON selon la RFC 8259 : erreur avec ligne, colonne et explication claire. Indentez ou minifiez, triez les clés. En local dans le navigateur.
- Testeur regexTestez vos expressions régulières JavaScript en direct : correspondances surlignées, groupes de capture, motif expliqué. Gratuit, sans envoi.
- Formater SQL (formateur SQL en ligne)Formater du SQL pour le rendre lisible : mots-clés en majuscules, indentation, colonnes et conditions sur des lignes séparées. Compression possible, en local.
- Formater XMLFormater XML, minifier et vérifier avec ligne et colonne de l’erreur, vue en arbre, requête XPath et XML vers JSON. Dans le navigateur, sans envoi.
- Quelle est mon adresse IP ?Affiche instantanément votre adresse IP publique, détecte IPv4 ou IPv6 et explique la différence. Gratuit – votre IP n’est pas stockée.
- Vérifier un numéro de TVA intracommunautaireContrôlez le format et la clé d’un numéro de TVA intracommunautaire pour les 27 pays de l’UE et l’Irlande du Nord (XI). En local, avec lien vers VIES.
- Calculateur CSS clampCalculateur CSS clamp pour tailles de police et espacements fluides : saisissez valeur minimale, maximale et plage de viewport, copiez la valeur clamp() prête.