Minificateur JavaScript
Minifier le JavaScript en supprimant les espaces et les commentaires
Entrée
Sortie minifiée
Qu'est-ce que le minificateur JavaScript ?
Le minificateur JavaScript supprime les espaces, les commentaires et raccourcit le code pour réduire la taille des fichiers. Les fichiers plus petits se chargent plus vite. La spécification ECMAScript définit le langage ; la minification préserve le comportement tout en réduisant la sortie. Des outils comme Terser et UglifyJS utilisent des techniques similaires dans les builds de production.
Cet outil s'exécute entièrement dans votre navigateur. Rien n'est envoyé à un serveur. Collez du JS ou téléchargez un fichier ; obtenez une sortie minifiée. Pour le formatage (l'inverse), utilisez Formateur JavaScript. Pour la validation, utilisez Validateur JavaScript. Pour une protection renforcée, utilisez Obfuscateur JavaScript.
Comment utiliser cet outil
Coller ou télécharger
Collez le JavaScript dans le panneau gauche ou téléchargez un fichier .js ou .txt. Utilisez Exemple pour charger du code d'exemple. Utilisez Effacer pour réinitialiser.
Voir la sortie minifiée
Le panneau droit affiche le code minifié. Les espaces et commentaires sont supprimés. Un JS invalide affichera une erreur.
Copier ou télécharger
Utilisez Copier ou Télécharger pour obtenir le code minifié. Pour la production, envisagez également la compression gzip ou brotli.
Exemples de minification JavaScript
Voici un exemple de minification de code JavaScript formaté.
Exemple : fonction de récupération API
Entrée formatée :
Sortie minifiée :
Quand le minificateur JavaScript aide
Lors de la préparation de bundles de production avec webpack ou rollup, de la réduction de bande passante ou de l'optimisation des temps de chargement, la minification réduit les fichiers JS. Utilisez avec des outils de build ou manuellement pour des vérifications rapides. Pour l'obfuscation (plus difficile à inverser), utilisez Obfuscateur JavaScript.
Questions fréquentes
Mes données sont-elles privées ?
Oui. La minification s'exécute entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.
Minificateur vs Obfuscateur ?
Le minificateur réduit le code en taille. L'obfuscateur le rend plus difficile à lire et à rétroconcevoir. L'obfuscation inclut souvent la minification.
Cela casse-t-il mon code ?
Une minification valide préserve le comportement. L'insertion de points-virgules et les cas limites peuvent causer des problèmes ; testez la sortie.
Et les source maps ?
Cet outil ne génère pas de source maps. Pour les builds de production avec source maps, utilisez webpack, rollup ou Vite. Voir MDN sur les source maps.
Puis-je déminifier ?
Utilisez Formateur JavaScript pour ajouter l'indentation. Cela ne restaure pas les commentaires ni les noms de variables d'origine.