Minifieur JavaScript - Compressez le JS en Ligne avec Terser
Minifieur JavaScript
Compressez le JavaScript, raccourcissez les noms et voyez le gain exact
Moteur Terser
Utilise Terser, le minifieur de la plupart des outils de build modernes, compatible avec la syntaxe JavaScript actuelle, y compris classes, code asynchrone et modules.
Des Options Utiles
Choisissez la compression, le raccourcissement des noms, le mode module ES, la suppression de console et le traitement des commentaires.
Erreurs de Syntaxe Localisées
Si le code ne peut pas être analysé, vous voyez la ligne et la colonne et pouvez le corriger avant de minifier.
Confidentiel
Votre code est minifié dans votre navigateur et n’est jamais envoyé, ce qui compte pour des scripts non publiés ou propriétaires.
Ce que Fait la Minification JavaScript
Un minifieur réécrit le JavaScript pour qu'il se comporte de la même façon mais prenne beaucoup moins de place. Il supprime commentaires et espaces, raccourcit les noms de variables et de fonctions locales (mangling), simplifie les expressions et retire le code qui ne s'exécute jamais (compression). Des scripts plus petits se téléchargent et s'analysent plus vite, ce qui améliore les temps de chargement et les Core Web Vitals.
Soyez prudent avec l'option de premier niveau. Raccourcir les noms au premier niveau d'un script classique renomme des variables globales, ce qui casse le code appelé depuis des attributs HTML comme onclick ou depuis d'autres scripts. C'est sans risque pour des scripts autonomes et des modules ES. Supprimer les appels console peut aussi retirer des expressions à effets de bord situées dans l'appel. Testez toujours le fichier minifié avant de le publier.
Points Clés
- Le comportement reste identique : La minification change le texte du code, pas ce qu’il fait, sauf si vous activez la suppression de console ou des noms de premier niveau.
- Pas de source maps : Pour déboguer en production, utilisez un outil de build qui produit des source maps. Cet outil sert à minifier rapidement, ponctuellement.
- Outils liés : Utilisez le Formateur JavaScript pour rendre à nouveau lisible un code minifié.