Minificateur JavaScript gratuit

Minifiez votre code JavaScript pour réduire la taille du fichier et améliorer les performances. Gratuit, rapide et entièrement exécuté dans votre navigateur, sans inscription.

Mis à jour le

Share:
Home/Code Tools/JavaScript Minifier

JavaScript Minifier

Minify JavaScript code with multiple optimization levels. Validate syntax, mangle variables, and generate source maps.

Input JavaScript

0 lines
0 B
1

Output

Minified output will appear here

Click "Minify JavaScript" to start

Optimization Levels

Basic

Removes whitespace and comments. Safe for all JavaScript code.

Standard

Adds boolean optimizations (true to !0). Safe for production use.

Aggressive

Enables variable mangling and more optimizations. Test carefully.

Privacy First: All processing happens locally in your browser. Your code is never sent to any server.

Questions Fréquentes

Qu'est-ce que le minifieur JavaScript ?

Le minifieur JavaScript est un outil en ligne gratuit qui compresse le code JavaScript en supprimant les espaces, en raccourcissant les noms de variables et en éliminant les commentaires afin de réduire la taille du fichier.

Le minifieur JavaScript est-il gratuit ?

Oui, il est entièrement gratuit et ne nécessite aucune inscription. Toute la minification se fait côté client, dans votre navigateur.

La minification va-t-elle casser mon code ?

Non, le minifieur JavaScript préserve les fonctionnalités tout en réduisant la taille du fichier. Le code minifié s'exécute de manière identique à l'original.

Mes données sont-elles en sécurité avec cet outil ?

Absolument. Le minifieur JavaScript traite tout côté client, dans votre navigateur. Aucune donnée n'est téléversée ni stockée sur un serveur. Votre contenu reste privé sur votre appareil à tout moment.

Le minifieur JavaScript fonctionne-t-il sur mobile ?

Oui, le minifieur JavaScript est entièrement adaptatif et fonctionne sur smartphones et tablettes. Vous pouvez l'utiliser sur n'importe quel appareil doté d'un navigateur web moderne, sans aucun téléchargement d'application.

Dois-je créer un compte pour utiliser cet outil ?

Aucun compte ni inscription n'est nécessaire. Ouvrez simplement le minifieur JavaScript dans votre navigateur et commencez à l'utiliser immédiatement. Il n'y a aucune barrière d'inscription ni restriction d'utilisation.

Comment utiliser le minifieur JavaScript ?

Saisissez simplement vos données dans le champ prévu, ajustez les paramètres selon vos préférences, et l'outil les traitera instantanément. Vous pourrez ensuite copier le résultat dans le presse-papiers ou le télécharger.

Quels navigateurs sont pris en charge ?

Le minifieur JavaScript fonctionne dans tous les navigateurs modernes, dont Chrome, Firefox, Safari, Edge et Opera. Pour une expérience optimale, utilisez la dernière version de votre navigateur préféré.

Quelle est la différence entre minifier et gzipper du JavaScript ?

La minification et le gzip résolvent le même problème en deux étapes distinctes. La minification réécrit le code source lui-même : elle retire les commentaires, les espaces et les sauts de ligne, et peut raccourcir les noms de variables pour tenir la même logique dans moins de caractères. Gzip (ou Brotli) est un algorithme de compression que votre serveur ou votre CDN applique en plus, sur la réponse au moment où elle transite vers le navigateur, qui la décompresse automatiquement. Les deux se cumulent : un code minifié se compresse mieux en gzip, car il contient moins de mise en forme redondante pour l'algorithme. C'est pourquoi on minifie d'abord, puis on laisse le serveur gzipper. Cet outil réalise la première étape directement dans votre navigateur et estime aussi la taille de transfert gzip, afin que vous voyiez à la fois la taille minifiée brute et le chiffre plus réduit qui atteint réellement vos utilisateurs. Collez votre script ci-dessus pour comparer côte à côte la taille d'origine, la taille minifiée et la taille gzip.

Quelle est la différence entre les préréglages Sûr, Production et Maximum ?

Les trois préréglages échangent de la compression contre du risque. Sûr est le plus prudent : il supprime les commentaires et réduit les espaces et les sauts de ligne, mais laisse votre logique totalement intacte, c'est donc le bon choix pour du code que vous ne pouvez pas retester entièrement. Production reprend la passe Sûr et ajoute un nettoyage orienté déploiement : suppression des instructions console et debugger et simplification des expressions, pour un résultat prêt à être mis en production. Maximum vise le fichier le plus petit possible : en plus de tout ce que fait Production, il supprime les points-virgules facultatifs, raccourcit les noms des variables locales et élimine les déclarations de variables inutilisées. Plus le préréglage est agressif, plus le code est modifié, donc retestez après avoir utilisé Maximum. Chaque préréglage n'est qu'un point de départ : un panneau d'options individuelles permet de combiner les passes à la carte, par exemple conserver les commentaires tout en renommant les variables. Choisissez un préréglage ci-dessus, puis affinez les options selon ce que vous êtes prêt à modifier.

Pourquoi le JavaScript minifié raccourcit-il les noms de variables ?

Le raccourcissement des noms de variables, souvent appelé « mangling », remplace des noms longs et explicites comme userAccountBalance par des noms d'un ou deux caractères comme a ou b. Ces noms n'existent que pour aider un humain à lire le code source ; le navigateur, lui, ne se soucie pas du nom d'une variable locale, donc la renommer n'a aucun effet sur l'exécution du code tant que la portée (scope) est respectée. Des noms plus courts signifient moins de caractères à télécharger et à analyser, ce qui compte sur des centaines de références dans un script réel. Le minificateur ne renomme que les variables locales, laissant intacts les objets globaux et tout ce qui pourrait être référencé ailleurs par son nom, si bien que le comportement reste identique. Le mangling est inclus dans le préréglage Maximum et disponible aussi comme option indépendante, et le panneau de résultats indique le nombre de variables raccourcies. Activez le raccourcissement des variables ci-dessus lorsque vous voulez le fichier le plus petit possible et que vous pouvez retester le résultat.

Pourquoi générer une source map pour du JavaScript minifié ?

Un code minifié est quasiment impossible à déboguer directement : les variables sont renommées, les lignes sont fusionnées, et une trace d'erreur pointe vers la colonne 4 000 d'une seule et même ligne. Une source map est un fichier .map séparé qui enregistre comment chaque partie du code minifié correspond au code source d'origine. Lorsque les outils de développement du navigateur la chargent, les erreurs et les points d'arrêt s'affichent sur votre code d'origine, lisible, plutôt que sur le bloc compressé, ce qui permet de déboguer le résultat en production comme s'il n'avait jamais été minifié. On référence la map via un commentaire à la fin du fichier ou un en-tête HTTP, et on évite généralement de l'inclure dans le fichier public livré aux visiteurs. Cet outil peut générer une source map en parallèle du script minifié, en tant que sortie optionnelle. Activez l'option source map ci-dessus avant de minifier si vous comptez déboguer le résultat par la suite.

Comment conserver les commentaires de licence lors de la minification du JavaScript ?

Par défaut, la minification supprime tous les commentaires, car ils ajoutent des octets sans influencer l'exécution du code. C'est un problème lorsque la licence d'une dépendance impose de conserver sa bannière d'attribution dans le fichier, car la supprimer peut enfreindre les termes de la licence. La convention consiste à marquer ces commentaires de façon spéciale : un commentaire de bloc qui commence par /*! ou qui contient une annotation @license ou @preserve signale « à conserver ». Cet outil propose une option de conservation des licences qui préserve exactement ces commentaires de bannière, même avec le préréglage Maximum le plus agressif, tout en supprimant les commentaires explicatifs classiques. Vous obtenez ainsi le fichier le plus léger possible tout en restant légalement conforme pour la redistribution. Activez l'option de conservation des licences ci-dessus avant de minifier tout code qui intègre des bibliothèques tierces, puis vérifiez que la bannière apparaît toujours en haut du résultat.

À propos du Minificateur JavaScript gratuit

Le Minificateur JavaScript gratuit compresse votre code source JavaScript pour qu'il se télécharge et s'analyse plus vite dans le navigateur. Collez votre code, déposez un fichier .js ou récupérez un script via une URL : l'outil supprime tout ce dont le navigateur n'a pas besoin à l'exécution — commentaires, indentation, sauts de ligne et autre mise en forme — puis vous indique précisément le nombre d'octets économisés. Il s'adresse aux développeurs front-end, aux auteurs de plugins et de thèmes, et à quiconque livre un script et souhaite un fichier plus léger sans mettre en place toute une chaîne de build.

La minification consiste à retirer les caractères qui n'ont aucun effet sur l'exécution du code. Les espaces, les retours à la ligne et les commentaires rendent le code lisible pour un humain, mais alourdissent le fichier que chaque visiteur doit télécharger. Sur un script écrit à la main, leur suppression réduit déjà sensiblement la taille du fichier ; combinée à des noms de variables raccourcis et à d'autres passes, on observe en pratique des gains de 30 à 60 % avant compression.

Choisissez le niveau d'agressivité de la compression

L'outil propose trois préréglages pour adapter le résultat au niveau de risque que vous êtes prêt à accepter :

  • Sûr — supprime uniquement les commentaires et réduit les espaces et les sauts de ligne. La logique du code reste intacte, c'est donc l'option la moins risquée pour du code que vous ne pouvez pas retester entièrement.
  • Production — reprend la passe Sûr et retire en plus les instructions console et debugger, tout en simplifiant les expressions, pour un résultat prêt à être déployé.
  • Maximum — le résultat le plus compact possible. Ce préréglage supprime aussi les points-virgules facultatifs, raccourcit les noms des variables locales et élimine les déclarations de variables inutilisées.

Chaque préréglage n'est qu'un point de départ. Un panneau d'options individuelles permet de combiner les passes à la carte — conserver les commentaires tout en renommant les variables, retirer console.log sans simplifier les expressions, etc. Une option « conserver la licence » laisse intacts les commentaires de bannière /*! ... */ et @license, même avec les réglages les plus agressifs, ce qui compte lorsque la licence d'une dépendance impose de conserver la mention d'attribution dans le fichier.

Visualisez précisément ce que vous avez gagné

Le résultat n'est pas un simple bloc de texte compressé. L'outil affiche la taille d'origine et la taille minifiée, le pourcentage de réduction, le nombre de commentaires supprimés et le nombre de variables raccourcies. Il estime aussi la taille de transfert gzip — le chiffre qui compte réellement pour vos utilisateurs, puisque la plupart des serveurs et CDN compressent les réponses avant envoi. Une barre visuelle de comparaison des tailles rend la différence avant/après facile à voir en un coup d'œil, et une source map optionnelle (un fichier .map qui relie le code minifié au code d'origine) peut être générée pour continuer à déboguer le code compressé dans les outils de développement du navigateur.

Avant de minifier, un validateur léger vérifie les accolades, crochets et parenthèses non équilibrés, ainsi que les chaînes, commentaires ou templates littéraux non terminés, en signalant la ligne et la colonne concernées. Il alerte également sur la présence d'eval(), de document.write() et d'instructions de débogage oubliées — des points qu'il vaut mieux corriger, que vous minifiiez ou non.

Votre code reste dans votre navigateur

Le code collé ou importé est minifié entièrement sur votre appareil, grâce à du JavaScript exécuté dans le navigateur. Rien de ce que vous collez ou ouvrez n'est envoyé à un serveur, si bien que votre code propriétaire ou non publié reste privé. Aucune inscription n'est requise, aucune limite de taille de fichier en dehors de la mémoire de votre appareil, et l'outil continue de fonctionner hors ligne une fois la page chargée. La seule exception concerne le champ optionnel « Récupérer depuis une URL » : les navigateurs bloquant les requêtes cross-origin, cette fonctionnalité fait transiter l'adresse saisie par un proxy CORS public pour récupérer le script distant. Si un fichier est sensible, téléchargez-le vous-même et utilisez plutôt l'import ou le collage.

Quand l'utiliser

Réduire la taille d'un bundle est l'un des gains les moins coûteux pour la vitesse d'une page : moins de données à télécharger, moins de code à analyser, et une interactivité plus rapide. Utilisez ce minificateur pour un script utilitaire ponctuel, un asset WordPress ou d'extension de navigateur, un widget intégré, ou un extrait collé dans un CMS — partout où une compression ponctuelle est plus rapide que de configurer Terser ou esbuild. Copiez le résultat dans votre presse-papiers ou téléchargez-le sous forme de fichier .min.js, prêt à être mis en production.