Minifier votre JavaScript
Le JavaScript est souvent l'élément le plus lourd d'une page web, et chaque kilo-octet doit être téléchargé, analysé et exécuté avant que la page ne devienne interactive. Le minifier peut réduire sa taille de moitié, voire plus. Cet outil utilise Terser, le minifier au cœur de la plupart des outils de build modernes, pour supprimer les espaces et les commentaires, raccourcir les noms et appliquer des compressions de code sûres — directement dans votre navigateur.
Fonctionnalités
- Moteur Terser avec support moderne d'ES2015+.
- Compression : suppression du code mort, évaluation des constantes et syntaxe raccourcie.
- Raccourcissement des noms (mangling) pour les variables locales (optionnel).
- Commentaires de licence conservés sur demande.
- Comparaison de taille en octets et en pourcentage.
- Privé : le code est traité localement.
Réductions typiques
| Code | Réduction typique |
|---|---|
| Code d'application bien commenté | 50–70% |
| Code source de bibliothèque | 40–60% |
| Code déjà compact | 15–30% |
| Code déjà minifié | 0–5% |
Servir des fichiers minifiés avec une compression gzip ou Brotli réduit généralement la taille de transfert de 60 à 75 % supplémentaires.
Conseils
- Conservez le code source original — le code minifié est difficile à lire et à déboguer. Utilisez des source maps dans votre build pour déboguer le code en production.
- Intégrez la minification à votre build pour la production ; cet outil est idéal pour les scripts ponctuels, les snippets, les bookmarklets et les projets sans bundler.
- Testez après avoir minifié, surtout si votre code dépend du nom des fonctions ou d'
eval.
Outils associés
Minifiez les feuilles de style avec le Minifieur CSS, formatez les données avec le Formateur JSON, ou encodez des scripts pour l'intégration avec Base64.