Minificateur JavaScript
Minifier et compresser le code JavaScript
JavaScript en entrée
Supprime les commentaires et les instructions debugger, conserve les journaux de console.
S’exécute dans votre navigateur. Votre code reste sur cet appareil.
Erreurs et avertissements
Conseils de minification JavaScript
- Testez votre JavaScript minifié avant de le déployer.
- Conservez les fichiers source originaux pour le débogage.
- Raccourcissez les noms avec prudence lorsque votre code dépend des noms de fonctions ou de classes.
- Combinez la minification avec la compression gzip ou Brotli.
- Utilisez des outils de compilation pour automatiser la minification en production.
JavaScript minifié
Résultats de la compression
- Taille d’origine
- —
- Taille minifiée
- —
- Octets économisés
- —
- Compression
- —
- Lignes
- —
Avant et après
Avant
—
Après
—
À propos de l’outil Minificateur JavaScript
Notre minificateur JavaScript en ligne gratuit compresse votre code JS en supprimant les espaces, les commentaires et les caractères inutiles afin d’obtenir le résultat le plus petit possible. Propulsé par Terser, le moteur de compression JavaScript de référence, cet outil prend en charge la syntaxe ES6+ moderne, notamment les fonctions fléchées, les littéraux de gabarit, les classes, la déstructuration et plus encore.
Choisissez parmi trois niveaux de minification selon vos besoins. Le préréglage Sûr conserve tous les commentaires et les noms de variables. Le préréglage Recommandé supprime les commentaires et les instructions debugger tout en préservant les journaux de la console. Le préréglage Agressif active le raccourcissement complet des noms, l’élimination du code mort et la suppression des journaux de la console pour une réduction maximale de la taille du fichier.
Tout le traitement s’exécute directement dans votre navigateur avec la bibliothèque Terser : votre code JavaScript n’est jamais envoyé à un serveur. L’outil fournit des statistiques de compression détaillées : taille d’origine, taille minifiée, octets économisés, pourcentage de compression et réduction du nombre de lignes. Collez simplement votre code, choisissez un préréglage et obtenez instantanément un JavaScript optimisé.
Fonctionnalités principales
- Minification propulsée par Terser avec prise en charge complète de la syntaxe JavaScript ES6+
- Trois préréglages de minification : niveaux de compression Sûr, Recommandé et Agressif
- Élimination du code mort pour supprimer les chemins de code inatteignables
- Suppression facultative des instructions console.log et debugger
- Raccourcissement des noms de variables en mode Agressif pour une compression maximale
- Minification automatique en temps réel avec traitement différé pendant la saisie
- Statistiques de compression détaillées : taille d’origine, taille minifiée, octets économisés, ratio et nombre de lignes
- Validation intégrée de la syntaxe avec vérification des crochets et des parenthèses
- Import de fichiers JavaScript (.js) pour traiter des scripts existants
- Copie dans le presse-papiers en un clic et téléchargement au format .js
Comment utiliser le Minificateur JavaScript
- Choisissez un niveau de minification : sélectionnez Sûr pour une compression de base, Recommandé pour une optimisation équilibrée ou Agressif pour une réduction maximale de la taille avec raccourcissement des noms.
- Saisissez votre JavaScript : collez votre code JS dans la zone de texte, importez un fichier .js ou cliquez sur Charger un exemple pour essayer une démonstration.
- Patientez pendant le traitement : l’outil minifie automatiquement votre code après un court délai et affiche un indicateur de traitement pendant la compilation.
- Examinez les résultats de compression : consultez le panneau de statistiques pour voir de combien la taille du fichier a diminué : taille d’origine et minifiée, octets économisés et nombre de lignes.
- Copiez ou téléchargez : cliquez sur Copier pour placer le JavaScript minifié dans votre presse-papiers, ou sur Télécharger pour l’enregistrer dans un fichier .js.
Cas d’usage
- Déploiement en production : minifiez votre JavaScript avant le déploiement pour réduire la taille des fichiers et accélérer le chargement des pages.
- Optimisation des performances : compressez vos scripts pour améliorer les Core Web Vitals, le Time to Interactive et le First Contentful Paint.
- Réduction de la bande passante : des fichiers JS plus petits réduisent les coûts d’hébergement et le transfert de données, surtout pour les sites à fort trafic.
- Optimisation mobile : un JavaScript compressé se charge plus vite sur les réseaux mobiles, ce qui améliore l’expérience des utilisateurs mobiles.
- Minification ponctuelle rapide : minifiez des scripts isolés quand vous avez besoin d’une optimisation rapide en dehors de votre chaîne de build.
- Revue et analyse de code : utilisez les statistiques de compression pour évaluer le potentiel d’optimisation de votre base de code.
- Apprentissage et expérimentation : comprenez le fonctionnement de la minification en comparant les résultats avant et après selon les différents préréglages.
Questions fréquentes
Cet outil est-il gratuit ?
Oui, le Minificateur JavaScript est entièrement gratuit, sans limite de taille de fichier ni de nombre de minifications. Aucune inscription ni aucun compte n’est nécessaire.
Mes données sont-elles en sécurité ?
Toute la minification se fait directement dans votre navigateur avec la bibliothèque Terser. Votre code JavaScript n’est jamais envoyé à un serveur, ce qui garantit la confidentialité et la sécurité complètes de votre code source.
Quelle est la différence entre les modes Sûr, Recommandé et Agressif ?
Le mode Sûr effectue une compression de base en conservant tous les commentaires, les journaux de la console et les noms de variables. Le mode Recommandé supprime les commentaires et les instructions debugger. Le mode Agressif active le raccourcissement des noms, la suppression de la console, l’élimination du code mort et l’optimisation en plusieurs passes pour obtenir le résultat le plus petit.
Le raccourcissement des noms risque-t-il de casser mon code ?
Le raccourcissement des noms renomme les variables locales avec des noms plus courts, ce qui est sans risque pour la plupart des codes. Il peut toutefois poser problème si votre code dépend des noms de fonctions ou de variables à l’exécution (par exemple via eval ou la réflexion). Testez toujours minutieusement après avoir utilisé le mode Agressif.
Prend-il en charge TypeScript ou JSX ?
Cet outil traite du JavaScript standard (ES6+). TypeScript et JSX doivent d’abord être compilés en JavaScript pur avant la minification. Utilisez votre compilateur TypeScript ou Babel pour transpiler, puis collez le résultat ici.
Astuces et bonnes pratiques
- Conservez toujours les fichiers sources : gardez votre JavaScript d’origine, non minifié, dans le contrôle de version et ne minifiez que pour les builds de production.
- Générez des source maps : utilisez des source maps dans votre chaîne de build pour déboguer le code minifié dans les outils de développement du navigateur.
- Testez après la minification : exécutez toujours votre suite de tests sur le code minifié, surtout avec le mode Agressif et le raccourcissement des noms.
- Combinez avec la compression serveur : associez la minification JavaScript à une compression gzip ou Brotli sur votre serveur web pour obtenir la meilleure réduction de taille.
- Commencez par Recommandé : le préréglage Recommandé offre le meilleur équilibre entre sécurité et compression pour la plupart des projets.
- Supprimez les journaux de la console en production : utilisez le mode Agressif pour retirer automatiquement les instructions console.log qui ne devraient pas apparaître dans le code de production.