Comment utiliser : Minifieur JavaScript
- Collez votre JavaScript ou ouvrez un fichier
.js. - Laissez Compresser et Raccourcir les noms activés pour obtenir le résultat le plus léger ; cochez Module ES pour du code contenant
import/export. - Si besoin, supprimez les appels
consoleet choisissez les commentaires à conserver. - Copiez le résultat ou téléchargez-le au format
.min.js.
À quoi sert un minifieur JavaScript ?
La minification réduit la taille du JavaScript sans modifier son comportement. Elle supprime les espaces et les commentaires, raccourcit les noms de variables et de fonctions locales, et réécrit le code sous des formes équivalentes plus courtes. Des fichiers plus petits se téléchargent et s’analysent plus vite, ce qui améliore la vitesse des pages et les Core Web Vitals, surtout sur mobile.
Cet outil exécute Terser, le minifieur utilisé par Vite, webpack et Rollup, directement dans votre navigateur.
Les principales options
| Option | Ce qu’elle fait | Risque |
|---|---|---|
| Compresser | Supprime le code inaccessible, précalcule les constantes (60 * 60 → 3600), simplifie les conditions et fusionne les instructions | Très faible |
| Raccourcir les noms | Renomme les variables et paramètres locaux en une ou deux lettres | Faible : le code qui utilise eval ou Function.name peut casser |
| Raccourcir les noms globaux | Renomme aussi les fonctions et variables globales | Casse le code que d’autres scripts appellent par leur nom |
| Module ES | Analyse import/export et active le mode strict ainsi que le renommage global | Aucun pour de vrais modules |
| Supprimer console.* | Supprime console.log et les appels similaires | Supprime des journaux que vous voudrez peut-être garder en production |
Minification et compression
La minification et la compression gzip/Brotli se complètent. La minification retire en général 30 à 60 % d’un fichier ; la compression gzip ou Brotli du serveur réduit ensuite le reste de 60 à 70 %. Les statistiques ci-dessus affichent les deux valeurs : la taille minifiée et la taille gzip réellement transférée sur le réseau.
Conserver les commentaires de licence
Les licences open source comme MIT exigent que la mention de copyright reste avec le code. Par convention, ces commentaires commencent par /*! ou contiennent @license, et le réglage par défaut les conserve.
Dépannage
- Erreur de syntaxe : la ligne et la colonne sont indiquées. Le TypeScript et le JSX doivent d’abord être compilés en JavaScript.
- Le code ne fonctionne plus après le raccourcissement : désactivez Raccourcir aussi les noms globaux ; si cela ne suffit pas, recherchez
evalou du code qui lit les noms de fonctions. - Besoin à nouveau d’une version lisible ? Utilisez le formateur JavaScript pour réindenter le code minifié.
Aussi recherché comme : minifier js, compresser javascript, minifier du javascript en ligne, terser en ligne, uglify js en ligne, minifier es6, réduire taille fichier js.
Outils complémentaires : Minifieur JavaScript
- Minifieur HTML — Allégez vos pages et modèles HTML en supprimant les commentaires et les espaces superflus, en minifiant les <style> et <script> intégrés et en nettoyant les attributs, tout en conservant une mise en page identique.
- Minifieur CSS — Collez une feuille de style pour la réduire instantanément.
- Minifier JSON — Supprimez tous les espaces inutiles de votre JSON, validez-le dans le même temps et constatez exactement le nombre d'octets économisés, avant et après gzip.
- Test de compression de site web — Saisissez une URL pour voir quelle compression votre serveur envoie pour chaque Accept-Encoding, combien d'octets il économise, si son CSS et son JavaScript sont compressés, et le gain potentiel de Brotli.
Questions fréquentes
Terser est-il meilleur qu’UglifyJS ?
Le code minifié se comportera-t-il exactement de la même façon ?
eval, de with ou des noms de fonctions à l’exécution ; désactivez-le dans ce cas.