Minificateur de code

Minifiez JavaScript (Terser), CSS (CSSO), HTML, JSON ou XML dans un seul outil : choisissez le langage, collez le code et voyez les octets gagnés. En local.

Sortie

S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.

Outils Connexes

Voir Tout

Qu'est-ce que Minificateur de code ?

Le minificateur de code réunit en un seul endroit la minification de plusieurs langages. Choisissez JavaScript, CSS, HTML, JSON ou XML : l'outil applique le minificateur adapté et affiche la taille d'origine et minifiée.

Comment utiliser Minificateur de code

  1. Sélectionnez le Langage.
  2. Collez votre code dans la zone de saisie.
  3. Cliquez sur Minifier (le résultat se met aussi à jour pendant la saisie).
  4. Copiez ou téléchargez le code minifié.

Exemple

Entrée
a { color : red ; }
Sortie
a{color:red}

Langage : CSS.

Quand utiliser Minificateur de code

Utilisez-le pour des minifications ponctuelles rapides et des comparaisons de taille. Pour des applications en production, minifiez dans votre chaîne de build avec des source maps. Les pages de minificateurs dédiés expliquent chaque moteur plus en détail.

Comment fonctionne Minificateur de code

Chaque langage utilise un moteur dédié : JavaScript – Terser avec compression et renommage des noms locaux ; CSS – minification structurelle CSSO après un contrôle des accolades et chaînes ; HTML – un minificateur sûr qui supprime les commentaires et réduit les espaces mais laisse pre, textarea, script et style intacts ; JSON – analyse stricte et écriture compacte qui préserve les nombres ; XML – contrôle de bonne formation, puis suppression des espaces entre balises et des commentaires.

Cas d'utilisation courants

  • Minifier un extrait avant de l'intégrer dans une page
  • Comparer la taille de différentes versions de code
  • Compacter des charges utiles JSON ou XML
  • Supprimer les commentaires avant de partager du code

Note de Sécurité

Tout s'exécute localement dans votre navigateur : le code que vous collez n'est pas envoyé.

Questions Fréquentes

Quel langage est sélectionné par défaut ?

JavaScript. Changez-le avec le sélecteur de langage.

Génère-t-il des source maps ?

Non.

Peut-il minifier du TypeScript ?

Non, compilez d'abord le TypeScript en JavaScript.

Étapes suivantes conseillées

Explorer d'autres catégories