Minificateur JavaScript JS
Supprimez les commentaires et réduisez les espaces de JavaScript pour voir dans quelle mesure un fichier est formaté plutôt que code. Le minificateur s'exécute dans votre navigateur sur le texte que vous collez, ce qui en fait un moyen rapide de réduire un extrait ou d'inspecter la différence de taille sans configurer d'étape de construction.
Comment ça marche
- 1
Collez le JavaScript que vous souhaitez compresser.
- 2
Exécutez le minificateur : les commentaires sont supprimés et les espaces autour des opérateurs et la ponctuation sont réduits.
- 3
Comparez la taille avant et après pour voir combien le formatage vous a coûté.
- 4
Copiez le résultat ou conservez l'original si le code contient les constructions répertoriées dans les limites ci-dessous.
Avantages et avantages clés
Comparaison de taille immédiate
Vous voyez ensemble la longueur originale et la longueur compressée, ce qui répond à la question pratique de savoir si la réduction de ce fichier vaut la peine.
Aucun outil de construction
Utile pour un extrait de code, un script en ligne ou un fichier unique où le câblage d'un bundler prendrait plus de temps que la tâche.
Fonctionne localement
Le code que vous collez est traité dans l'onglet, donc la source propriétaire n'atteint jamais un serveur.
Sortie lisible
Le résultat est toujours un texte JavaScript valide que vous pouvez inspecter, et non un blob obscurci.
Pourquoi les gens l’utilisent
- Réduire un petit script en ligne avant de l'intégrer dans une page ou un modèle d'e-mail.
- Vérifier la quantité de commentaires et d'indentation d'un fichier avant d'optimiser autre chose.
- Compression d'un extrait pour un champ limité en caractères, tel qu'un modèle personnalisé de gestionnaire de balises.
- Démontrer ce que fait la minification lors de l'explication d'un pipeline de construction.
Formats et options pris en charge
| Entrée | Source JavaScript collée sous forme de texte |
|---|---|
| Supprimé | Commentaires de ligne, commentaires de bloc, espaces et espacements redondants autour des opérateurs et de la ponctuation |
| Sortie | Texte JavaScript réduit, copié dans le presse-papiers |
Confidentialité et traitement des données
Le code que vous collez est traité par JavaScript dans votre propre onglet de navigateur et n'est jamais téléchargé, ce qui est important lorsque la source n'est pas publique.
Limites et choses à savoir
- Il s'agit d'un minificateur d'espaces et de commentaires basé sur la correspondance de modèles, et non sur un analyseur. Il ne renomme pas les variables, ne supprime pas le code mort et n'effectue pas le tremblement d'arborescence qu'un bundler fait.
- Parce qu'il n'analyse pas le langage, il peut corrompre le code où des séquences de type commentaire ou opérateur apparaissent à l'intérieur de chaînes, de littéraux de modèle ou de littéraux d'expression régulière - une URL telle que https://example.com à l'intérieur d'une chaîne est le cas classique.
- Vérifiez toujours la sortie avant de l’expédier. Pour les versions de production, utilisez esbuild, Terser ou le minifier de votre bundler, qui analysent correctement le code.
Dépannage
Le code minifié renvoie une erreur
Recherchez les chaînes ou les littéraux d'expression régulière contenant // ou /* — le modèle de correspondance les traite comme des commentaires. Conservez le fichier d'origine et réduisez-le à la place avec un outil basé sur un analyseur tel que Terser ou esbuild.
L'insertion automatique d'un point-virgule interrompt le résultat
Le code qui s'appuie sur des nouvelles lignes pour terminer les instructions peut changer de sens lorsque les espaces s'effondrent. Ajoutez des points-virgules explicites dans la source avant de réduire.
L'économie semble minime
La suppression des espaces à elle seule permet généralement d'économiser beaucoup moins que la compression gzip ou Brotli sur le serveur. Activez la compression sur votre hôte avant d'optimiser davantage la source.
JavaScript Minifier — Compress JS Code Online Free
This free JavaScript minifier compresses JS files for production by stripping comments, line breaks and superfluous whitespace. Paste a script, minify it, and copy a leaner bundle that parses and executes faster on low-end mobile devices.
- Compress JavaScript for faster load times — smaller scripts mean fewer bytes over the wire and less main-thread parse time — the two costs that dominate JavaScript performance budgets.
- Comment and whitespace stripping — development notes, dead formatting and generous indentation are removed from the shipped output.
- Copy-paste ready — minified JS lands on your clipboard in one click, ready to drop into a build folder, a CMS template or an inline script tag.
- No build tooling required — a practical option when you are editing a WordPress theme, a landing page or a legacy site with no webpack, Vite or Rollup pipeline.
- Private, in-browser minification — unreleased product code and API glue never leave the tab — nothing is uploaded to a minification server.
Minify your stylesheets with the CSS Minifier too, and use the Base64 Converter when you need to inline a small asset into the script itself.
Questions fréquemment posées
Is this safe to use on production code?
Treat it as a quick utility, not a build step. It matches patterns rather than parsing JavaScript, so it can damage code where comment-like or operator-like sequences appear inside strings, template literals or regular expressions. Verify the output, and use esbuild or Terser for anything you ship.
Why did my minified code stop working?
The usual cause is a URL inside a string — the double slash in https:// looks like the start of a comment to a pattern matcher. Code that relies on newlines for automatic semicolon insertion is the other common failure.
Does it rename variables like a real minifier?
No. It removes comments and collapses whitespace only. Variable renaming and dead-code elimination need a parser that understands scope, which is what bundler minifiers do.
Le déploiement de JS minifié est-il sûr ?
Oui, le code minifié maintient une logique fonctionnelle exacte à 100 %.
Est-ce sûr à utiliser sur le code de production ?
Traitez-le comme un utilitaire rapide et non comme une étape de construction. Il fait correspondre des modèles plutôt que d'analyser JavaScript, ce qui peut endommager le code dans lequel des séquences de type commentaire ou opérateur apparaissent à l'intérieur de chaînes, de littéraux de modèles ou d'expressions régulières. Vérifiez le résultat et utilisez esbuild ou Terser pour tout ce que vous expédiez.
Pourquoi mon code minifié a-t-il cessé de fonctionner ?
La cause habituelle est une URL à l'intérieur d'une chaîne - la double barre oblique dans https:// ressemble au début d'un commentaire pour un outil de recherche de modèles. Le code qui s'appuie sur des nouvelles lignes pour l'insertion automatique de points-virgules est l'autre échec courant.
Est-ce qu'il renomme les variables comme un vrai minifier ?
Non. Il supprime les commentaires et réduit uniquement les espaces. Le renommage des variables et l'élimination des codes morts nécessitent un analyseur qui comprend la portée, ce que font les minificateurs de bundle.
Outils associés
Minificateur et formateur CSS
Réduire le code CSS pour réduire la taille du fichier ou embellir le code
Formateur JSON
Formatez, validez et réduisez JSON instantanément
Testeur d'expressions régulières (RegEx)
Testez et déboguez les expressions régulières en temps réel
Générateur et désinfectant d'URL Slug
Convertissez les titres et le texte du blog en slugs d'URL propres