Minificateur de code JavaScript

Un JavaScript plus léger qui fait exactement la même chose

L'indentation, les commentaires et les lignes vides rendent un code JavaScript agréable à lire, pour vous comme pour vos collègues. Le navigateur n'en a aucun besoin, mais chaque visiteur les télécharge quand même. Le minificateur JavaScript de Jood retire ce superflu et vous rend une version plus petite qui fonctionne de la même façon.

Mode d'emploi

1. Collez votre code dans le champ « Code source », jusqu'à 2 Mo.
2. Cliquez sur « Commencer ».
3. Copiez le résultat avec « Copier le résultat » et enregistrez-le dans un fichier séparé, par exemple app.min.js.

Ce qui change dans le code

• Les commentaires, sur une ligne ou sur plusieurs, sont supprimés, sauf les commentaires de licence qui commencent par /*!, conservés tels quels.
• Les espaces et l'indentation disparaissent, sauf l'espace indispensable entre deux mots, comme dans return total.
• Les chaînes, les gabarits entre accents graves et les expressions régulières restent intacts. Une adresse contenant // dans une chaîne n'est donc pas prise pour un commentaire.

Lors de notre essai, une petite fonction avec deux commentaires et une indentation ordinaire est passée de 182 à 107 octets, soit un gain d'environ 40 pour cent.

Pourquoi certains retours à la ligne restent

Le résultat ne tient pas toujours sur une seule ligne, et c'est voulu. JavaScript permet d'écrire du code sans point-virgule en fin de ligne : c'est alors le retour à la ligne qui indique où s'arrête une instruction. En le supprimant, on collerait deux instructions, ce qui changerait le sens du code ou provoquerait une erreur. L'outil ne retire donc un retour à la ligne que là où il est certain que cela ne change rien, par exemple après un point-virgule ou une parenthèse ouvrante, et le garde ailleurs.

Ce que l'outil ne fait pas

Il ne renomme pas les variables en lettres courtes, ne supprime pas le code inutilisé et ne vérifie pas les erreurs : une erreur présente dans l'original se retrouvera dans la version minifiée. Des outils spécialisés comme Terser vont plus loin et produisent des fichiers plus petits, et les outils de build comme webpack ou Vite minifient automatiquement la version de production. Pour un petit script sur votre site, un bout de code ajouté à un thème WordPress ou un fichier qui ne passe par aucun build, cet outil reste le chemin le plus court.

Avant de publier

• Gardez l'original pour les modifications et ne retouchez jamais la version minifiée à la main.
• Testez la page après avoir remplacé le fichier, et ouvrez les outils de développement du navigateur pour vérifier qu'aucune nouvelle erreur n'apparaît dans la console.

Pour les feuilles de style, utilisez le minificateur CSS, et pour les pages web, le minificateur HTML. Le code est envoyé au serveur de Jood, minifié, et n'est pas conservé.

Questions fréquentes