Aller au contenu
SPCXTools

Minifieur JavaScript

Compressez votre JavaScript avec Terser — des fichiers plus légers, un comportement identique.

Fonctionne en local — vos fichiers ne quittent pas votre appareil

Chargement de l’outil…

Comment utiliser : Minifieur JavaScript

  1. 1Collez votre JavaScript dans le champ Entrée, ou cliquez sur Exemple.
  2. 2Le code minifié apparaît automatiquement sur la droite.
  3. 3Choisissez si vous souhaitez raccourcir les noms de variables et conserver les commentaires de licence.
  4. 4Copiez le résultat ou téléchargez-le sous le nom minified.js.

Minifier votre JavaScript

Le JavaScript est souvent l'élément le plus lourd d'une page web, et chaque kilo-octet doit être téléchargé, analysé et exécuté avant que la page ne devienne interactive. Le minifier peut réduire sa taille de moitié, voire plus. Cet outil utilise Terser, le minifier au cœur de la plupart des outils de build modernes, pour supprimer les espaces et les commentaires, raccourcir les noms et appliquer des compressions de code sûres — directement dans votre navigateur.

Fonctionnalités

  • Moteur Terser avec support moderne d'ES2015+.
  • Compression : suppression du code mort, évaluation des constantes et syntaxe raccourcie.
  • Raccourcissement des noms (mangling) pour les variables locales (optionnel).
  • Commentaires de licence conservés sur demande.
  • Comparaison de taille en octets et en pourcentage.
  • Privé : le code est traité localement.

Réductions typiques

Code Réduction typique
Code d'application bien commenté 50–70%
Code source de bibliothèque 40–60%
Code déjà compact 15–30%
Code déjà minifié 0–5%

Servir des fichiers minifiés avec une compression gzip ou Brotli réduit généralement la taille de transfert de 60 à 75 % supplémentaires.

Conseils

  • Conservez le code source original — le code minifié est difficile à lire et à déboguer. Utilisez des source maps dans votre build pour déboguer le code en production.
  • Intégrez la minification à votre build pour la production ; cet outil est idéal pour les scripts ponctuels, les snippets, les bookmarklets et les projets sans bundler.
  • Testez après avoir minifié, surtout si votre code dépend du nom des fonctions ou d'eval.

Outils associés

Minifiez les feuilles de style avec le Minifieur CSS, formatez les données avec le Formateur JSON, ou encodez des scripts pour l'intégration avec Base64.

Questions fréquentes

Que fait un minificateur JavaScript ?
Il supprime les espaces et les commentaires, raccourcit les noms des variables locales et des fonctions (mangling) et réécrit le code en équivalents plus courts — par exemple en supprimant le code inaccessible et en simplifiant les expressions — sans modifier le comportement du code.
Quelle syntaxe JavaScript est prise en charge ?
Terser prend en charge le JavaScript moderne (ES2015 et ultérieur), y compris les fonctions fléchées, les classes, les modules, async/await et le chaînage optionnel. TypeScript et JSX doivent d'abord être compilés en JavaScript.
Est-il sûr de raccourcir les noms de variables ?
Terser renomme uniquement les variables locales et les fonctions, jamais les variables globales ou les propriétés d'objets, le code reste donc fonctionnel. Si votre code dépend du nom des fonctions à l'exécution (par exemple fn.name), désactivez le raccourcissement des noms.
Pourquoi ai-je une erreur de syntaxe ?
Le minificateur doit d'abord analyser votre code. Une erreur signale généralement une accolade ou un guillemet manquant, ou une syntaxe qui n'est pas du JavaScript — comme des annotations de type TypeScript ou du JSX. Le message d'erreur indique le problème.
Mon code est-il envoyé sur un serveur ?
Non. Terser s'exécute directement dans votre navigateur, votre code propriétaire ne quitte donc jamais votre appareil.