Minifier JavaScript en ligne — Minificateur JS

Minifiez du JavaScript instantanément avec notre outil en ligne gratuit. Compressez votre JS pour la production ou concaténez plusieurs fichiers. Traitement dans le navigateur — aucune donnée envoyée au serveur.

Chargement…

Minification JavaScript

Minifiez du JavaScript en ligne avec Terser. Compressez votre JS pour la production — traitement instantané dans le navigateur.

Fonctionnalités

Réduisez la taille de votre code JavaScript en supprimant les espaces, commentaires et caractères inutiles.

Minifier

Réduisez la taille de votre code JavaScript en supprimant les espaces, commentaires et caractères inutiles.

Package utilisé

Terser

v5.47.1

Terser est un compresseur JavaScript moderne qui optimise la taille et les performances de votre code.

Exemple de base

Code source

function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    total += items[i].price;
  }
  return total;
}

const products = [
  { name: 'Laptop', price: 999 },
  { name: 'Mouse', price: 25 }
];

console.log('Total:', calculateTotal(products));

Code minifié

function calculateTotal(e){let t=0;for(let o=0;o<e.length;o++)t+=e[o].price;return t}const products=[{name:"Laptop",price:999},{name:"Mouse",price:25}];console.log("Total:",calculateTotal(products));

Guide d'optimisation JavaScript

Options de minification

Version ECMAScript

Définit la version ECMAScript cible pour la minification (ES5, ES2015, ES2017, ES2020, ES2022)

Exemples par version ECMAScript :

Code original (ES2022)

const data = { name: 'test' };
const { name } = data;
console.log(name);

ES2022

const{name:data}=data;console.log(data)

ES5

var data={name:'test'};var name=data.name;console.log(name)

Niveau de compression

Contrôle l'agressivité de la compression (conservative, normal, aggressive)

ConservativeConservateur - Compression minimale, plus sûr

NormalNormal - Équilibre entre taille et compatibilité

AggressiveAgressif - Compression maximale, peut casser certains codes

Exemples de compression :

Code original

function calculateTotal(items) {
    let total = 0;
    for (let i = 0; i < items.length; i++) {
        total += items[i].price;
    }
    return total;
}

Conservative

function calculateTotal(items){let total=0;for(let i=0;i<items.length;i++)total+=items[i].price;return total}

Normal

function calculateTotal(t){let e=0;for(let l=0;l<t.length;l++)e+=t[l].price;return e}

Aggressive

function e(e){let t=0;for(let n=0;n<e.length;n++)t+=e[n].price;return t}

Préserver les noms de classes

Conserve les noms de classes CSS dans les chaînes de caractères

Comparaison avec/sans l'option :

Code original

element.className = 'my-class';
element.setAttribute('class', 'another-class');

Avec preserveClassNames: true

element.className='my-class';element.setAttribute('class','another-class')

Avec preserveClassNames: false

element.className='a';element.setAttribute('class','b')

Différence

Les noms de classes CSS sont préservés dans les chaînes

Préserver les noms de fonctions

Conserve les noms de fonctions pour le debugging

Comparaison avec/sans l'option :

Code original

function myFunction() { 
    return true; 
}
const obj = { myMethod() { return false; } };

Avec preserveFunctionNames: true

function myFunction(){return!0}const obj={myMethod(){return!1}}

Avec preserveFunctionNames: false

function a(){return!0}const obj={b(){return!1}}

Différence

Les noms de fonctions sont préservés pour le debugging

Supprimer console

Supprime tous les appels console.log, console.warn, etc.

Comparaison avec/sans l'option :

Code original

console.log('Debug info');
console.warn('Warning message');
const result = calculateTotal(items);
console.log('Result:', result);
return result;

Avec removeConsole: true

const result=calculateTotal(items);return result

Avec removeConsole: false

console.log('Debug info');console.warn('Warning message');const result=calculateTotal(items);console.log('Result:',result);return result

Différence

Tous les appels console.* sont supprimés

Supprimer debugger

Supprime les instructions debugger du code

Comparaison avec/sans l'option :

Code original

if (condition) {
    debugger;
    return true;
}
function test() {
    debugger;
    return false;
}

Avec removeDebugger: true

if(condition)return!0;function test(){return!1}

Avec removeDebugger: false

if(condition){debugger;return!0}function test(){debugger;return!1}

Différence

Les instructions debugger sont supprimées

Voir les options d’indentation Beautify →

Comment déminifier du JavaScript en ligne

En savoir plus sur cette action →

Beautifier JavaScript vs Déminificateur — Quelle différence

En savoir plus sur cette action →

Concaténer des fichiers JavaScript

Combiner plusieurs fichiers JavaScript en un seul réduit les requêtes HTTP et peut améliorer les performances de chargement. Utilisez notre fonction de concaténation pour fusionner plusieurs fichiers JS, puis optionnellement minifier le résultat pour une compression maximale. C'est particulièrement utile pour les projets qui n'utilisent pas de bundler comme Webpack ou Rollup.

Questions fréquentes — Minification

Tout savoir sur la minification

Pourquoi minifier du JavaScript ?

La minification JavaScript réduit la taille des fichiers en supprimant espaces, commentaires et en raccourcissant les noms de variables. Les gains typiques vont de 30 % à 70 %.

Comment fonctionne la minification JavaScript ?

Notre outil utilise Terser. Il supprime les caractères inutiles et peut raccourcir les noms de variables. Le code minifié reste fonctionnellement identique.

Besoin de déminifier du JavaScript ?

Oui — utilisez notre déminificateur JavaScript dédié pour restaurer une mise en forme lisible à partir de code compressé.

Besoin de beautifier du JavaScript ?

Utilisez Beautifier JavaScript pour formater votre code avec une indentation cohérente.

Mon code est-il traité en toute sécurité ?

Tout le traitement se fait dans votre navigateur. Aucun code n'est envoyé à un serveur.

Puis-je concaténer des fichiers JavaScript ?

Oui, utilisez la fonction de concaténation pour fusionner plusieurs fichiers, puis minifiez le résultat pour une compression maximale.

Minifier

Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.

Minifier CSS

Minifier JSON

Minifier HTML

Minifier XML

Minifier SVG

Minifier SQL

Minifier YAML

Minifier TOML

Découvrez les autres catégories d'outils

Beautifier

Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.

Déminifier

Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.

Conversion

Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.

Préprocesseurs CSS

Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.

Outils JSON

Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.

Outils SVG

Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.

DevOps & Infra

Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.

CI/CD

GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.

Logs & observabilité

JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.

Kubernetes

Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.

Réseau / IP

CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.

Sécurité & tokens

JWKS, certificats X.509 et scan de secrets — locaux navigateur.

API & schémas

Outils OpenAPI pour formater, valider et analyser vos specs.

Encodage

Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.

Utilitaires développeur

Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.

Texte & Markdown

Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.

Sérialisation

Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.