La minification change-t-elle le comportement de mon code ?

Pas en soi. Terser analyse le code et n’applique que des transformations qu’il peut prouver sûres. La seule chose qui peut vous casser, c’est le raccourcissement des noms, et seulement si quelque chose cherche un nom sous forme de texte : eval, new Function, ou une injection de dépendances qui lit les noms de paramètres. L’interrupteur est dans la barre.

Peut-il ramener un fichier minifié à l’original ?

Lisible oui, original non. Formater remet l’indentation et les retours à la ligne, vous pouvez suivre la logique. Les commentaires ont été supprimés et les noms courts le restent ; rien ne retrouve « errorMessage » à partir de « e ». Si le build est à vous, publiez une source map — c’est la seule vraie réponse.

Que change le réglage de cible ?

Il indique à Terser quelle syntaxe il a le droit de produire. En ES2020+, il peut utiliser des fonctions fléchées et d’autres formes modernes courtes ; en ES5, non, la sortie tourne donc sur d’anciens navigateurs. Il ne traduit pas votre code : si vous avez écrit une fonction fléchée et choisissez ES5, elle le reste. Pour cela il faut un compilateur comme Babel.

Mon code est-il envoyé à un serveur ?

Non. Terser lui-même est téléchargé dans votre navigateur et s’y exécute : le code ne quitte jamais votre machine. C’est ce qui a décidé de la conception : ce qu’on colle dans un minifieur est le plus souvent la source de quelque chose de privé, et un outil qui a besoin de la voir pour la réduire en demande trop.

Minifier et Formater du JavaScript - Terser dans le navigateur

Outils / / Outils développeur / Formateurs / Minifieur JavaScript

Minifieur et formateur JavaScript

Cible

Raccourcir les noms

Raccourcir les noms locaux fait gagner le plus d’octets, mais casse le code qui cherche les noms sous forme de texte : eval, new Function, ou un framework qui lit les noms de paramètres. Désactivez si vous en dépendez.

Votre JavaScript

var firstName = "Ada";
var lastName  = "Lovelace";
var fullName  = firstName + " " + lastName;

function greet(person, greeting) {
  // Minifier supprime ce commentaire ; Formater le garde.
  const message = `${greeting}, ${person}!`;
  return message;
}

console.log(greet(fullName, "Hello"));

Minification JavaScript - questions fréquentes

Terser — le successeur d’UglifyJS et le minifieur par défaut de webpack, Rollup et Vite. C’est le moteur que votre étape de build exécute déjà : la sortie ici correspond à celle d’un build, pas à une approximation.

Formateurs les plus utilisés

Tout Le Temps

Formateur JSON

Formateur XML

Minifier CSS

Formateur HTML

Formateur SQL

Nouveau

Éditeur Markdown Écrivez en Markdown et voyez le rendu côte à côte. Titres, listes, tableaux, blocs de code et liens sont pris en charge ; copiez le HTML ou téléchargez des fichiers .md et .html. Fonctionne dans votre navigateur.

Voir la page

Populaire Aujourd'hui

Formateur YAML Réindentez un YAML en désordre, trouvez l’erreur avec son numéro de ligne et relisez le document en JSON. Vos commentaires, scalaires en bloc et ancres sont conservés. Tout se passe dans votre navigateur.

Voir la page

Ce que fait cet outil

Minifier du JavaScript, ce n’est pas retirer des espaces. Fait par rechercher-remplacer, on obtient des fichiers qui semblent corrects et se comportent autrement — et l’écart se révèle en production. Cette page exécute Terser, le moteur derrière l’étape de build de la plupart des projets, dans votre navigateur.

Comment l’utiliser

1 Collez le JavaScript dans la zone.
2 Choisissez une cible et décidez de raccourcir ou non les noms.
3 Cliquez sur Minifier — ou sur Formater pour rouvrir un fichier minifié.

Pourquoi un analyseur et pas un rechercher-remplacer

JavaScript place les points-virgules que vous avez omis. Retirez le saut de ligne entre « return » et sa valeur : la fonction se met à renvoyer undefined — le fichier reste valide, il fait simplement autre chose. Le même caractère est une division ici et une expression régulière là. Les distinguer demande la grammaire, pas un motif : d’où l’analyseur réel.

Ce qui rétrécit vraiment

Les espaces et les commentaires en sont la plus petite part. Le vrai gain vient du renommage des variables locales en une lettre, de la fusion des déclarations séparées, du calcul des constantes et de la suppression du code inatteignable. Ce sont des opérations sur l’arbre : le minifieur doit savoir que deux noms désignent la même liaison et que rien entre eux ne la lit.

Où le raccourcissement des noms mord

Un minifieur peut renommer ce qu’il voit. Il ne voit pas un nom écrit sous forme de texte : eval("count + 1"), new Function("a", "return a"), ou un framework qui lit les noms de paramètres pour décider quoi injecter. Ceux-là cherchent encore l’ancien nom et ne trouvent rien. C’est une propriété du langage, pas un défaut de l’outil — d’où l’interrupteur laissé entre vos mains.

Formater ne rend pas le fichier d’origine

Formater rétablit l’indentation et les retours à la ligne : un fichier minifié redevient lisible. Ce qui a été jeté ne revient pas — les commentaires ont disparu, et si les noms ont été raccourcis ils le restent : aucun outil ne devine que « e » fut « errorMessage ». Pour déboguer un fichier de production, seule une source map ramène l’original.

Outils de développement associés

Formateur JSON Formatez, minifiez et validez du JSON dans le navigateur. Les erreurs sont localisées par ligne et colonne, et un arbre repliable montre la structure.

Formateur HTML Indentez du HTML en désordre pour le lire, ou allégez-le pour qu’il pèse moins. Fonctionne aussi sur de simples fragments.

Minifier CSS Compressez du CSS en retirant commentaires et espaces, ou réaérez-le proprement. Les espaces de calc(), les chaînes et les licences restent intacts.

Formateur XML Indentez du XML en désordre pour le lire, ou allégez-le. Gère RSS, CDATA et espaces de noms, et ne réécrit jamais votre document.

Formateur SQL Découpez une longue requête en lignes lisibles, ou remettez-la sur une seule. La casse des mots-clés, les noms cités et les chaînes restent tels quels.

Autres outils susceptibles de vous plaire

Word en PDF Convertir Word en PDF gratuitement : déposez un fichier DOC, DOCX, ODT ou RTF et récupérez un PDF bien formaté en quelques secondes.

PDF en Word Convertir un PDF en Word gratuitement : déposez un PDF et téléchargez un DOCX modifiable en quelques secondes, sans inscription ni filigrane.

Compteur de mots Compteur de mots gratuit : collez un texte pour compter mots, caractères, phrases et paragraphes, avec le temps de lecture estimé. Rien n'est envoyé.

Compteur de caractères Compteur de caractères gratuit : caractères avec et sans espaces, mots et lignes, avec les limites SEO des titres et méta-descriptions.

Vérificateur de densité des mots-clés Analyseur de densité de mots-clés gratuit : collez un texte ou une URL pour voir la fréquence de chaque mot et expression, en pourcentage.