Compresseur et Formateur JavaScript
Compressez ou formatez le code JavaScript avec des options personnalisables
Documentation du Compresseur et Formateur JavaScript
Qu'est-ce que cet outil ?
La minification JavaScript supprime espaces, commentaires et tokens inutiles en préservant la sémantique d'exécution. Contrairement au CSS, elle doit respecter l'Automatic Semicolon Insertion (ASI): la suppression de certains sauts de ligne peut silencieusement modifier le comportement. Cet outil applique une suppression conservatrice des espaces, préservant les retours ASI-sensibles, tout en supprimant tous les commentaires (// et /* */).
Fonctionnalités principales
- Suppression espaces et commentaires: supprime espaces, lignes vides, commentaires // et /* */. Préserve le contenu des littéraux string, template et regex.
- Gestion ASI-safe: conserve les sauts de ligne avant les instructions commençant par (, [, /, +, - pour éviter les changements de comportement ASI.
- Pas de renommage de variables: contrairement à Terser/UglifyJS, l'outil ne renomme pas les variables locales (requiert analyse AST complète).
- Support ES6+: arrow functions, destructuration, template literals, optional chaining (?.), nullish coalescing (??), class syntax.
- Beautifier configurable: 2/4 espaces ou tabulation; retours à la ligne après {/}/; et avant //; normalisation style de quotes.
Cas d'utilisation courants
- Débogage développement: beautify de JS minifié en production (bundles React/Vue/Angular) sans source map.
- Minification ponctuelle: réduire du JS inline dans des pages HTML sans pipeline Webpack/Rollup.
- Analyse de sécurité: beautify de scripts tiers obfusqués pour évaluer leur contenu.
- Estimation de taille: comparer octets avant/après pour évaluer le gain d'un minificateur dédié (Terser).
Comment utiliser le Minifieur JavaScript
Deux modes: Minify (suppression commentaires/espaces) et Beautify (reformatage avec indentation cohérente).
Pour compresser le JavaScript :
- Collez votre code JavaScript dans le panneau d'entrée ou importez un fichier .js.
- Cliquez sur “Minifier”. Les espaces et commentaires sont supprimés, les sauts de ligne ASI-sensibles conservés.
- Copiez ou téléchargez la sortie .js. Le taux de compression est affiché sous le panneau de résultat.
Pour formater/embellir le JavaScript :
- Collez du JavaScript minifié ou mal formaté dans le panneau d'entrée.
- Sélectionnez l'indentation souhaitée (2 espaces, 4 espaces, tabulation), puis cliquez sur “Beautifier”.
- Le résultat formaté apparaît dans le panneau de sortie. Copiez ou téléchargez.
Pourquoi minifier JavaScript?
La minification JS réduit la taille des fichiers de script, diminuant TTFB et TTI. La suppression des espaces seule réduit de 20-40%; avec renommage de variables (Terser), de 40-65%. Gzip ajoute 60-75% de compression supplémentaire.
Le JS minifié réduit également le temps de parse V8/SpiderMonkey. Sur mobile en réseau cellulaire, chaque KB économisé améliore FID et INP (Core Web Vitals).
Ajustements d'embellissement
Reconstruit l'indentation lisible depuis JS minifié. Gère fonctions imbriquées, classes, structures de contrôle.
- Indentation configurable: 2 espaces, 4 espaces ou tabulation
- Retours à la ligne après {/}/; et avant les commentaires //
- Normalisation style de quotes: simple/double/backtick
- Fonctions et classes imbriquées avec niveaux d'indentation croissants
Ajustements de minification
Passes de transformation texte réduisant le nombre d'octets sans changer le comportement.
- Tous les commentaires // supprimés (ligne entière et fin de ligne)
- Tous les commentaires /* */ supprimés (y compris JSDoc)
- Espaces et lignes vides entre instructions supprimés
- Sauts de ligne ASI-sensibles avant (, [, /, +, - conservés
- String, template literal et regex inchangés
Impact estimé sur la taille du fichier
Minification texte: 20-40% de réduction. Avec renommage Terser: 40-65%. Gzip: 60-75% supplémentaire, soit 85-90% combiné vs source brut.
Outils Connexes
Compresseur et Formateur CSS
Compressez ou formatez le code CSS, supprimez les espaces et commentaires pour optimiser la taille du fichier, ou formatez le code pour la lisibilité
Compresseur et Formateur HTML
Compressez ou formatez le code HTML, supprimez les espaces et commentaires pour optimiser la taille du fichier, ou formatez le code pour la lisibilité
Formateur JSON
Formatez et validez les données JSON pour une meilleure lisibilité et débogage
Formateur XML
Formater et valider les données XML avec mise en évidence de la syntaxe
Testeur d'expressions régulières
Testez et déboguez des expressions régulières avec des résultats de correspondance instantanés
Vérificateur de Différences de Texte
Comparer les différences entre deux textes ou fichiers avec vue côte à côte surlignée