Aller au contenu
EN

Minificateur HTML, CSS et JavaScript

Réduisez le poids de votre HTML, CSS ou JavaScript : commentaires et espaces inutiles retirés, chaînes et regex préservées, gain affiché. Traitement local.

  • Gratuit
  • Sans inscription
  • Aucun fichier envoyé
  • Windows, Mac, Android, iPhone

Chargement de l'outil…

À propos de cet outil

Collez du HTML, du CSS ou du JavaScript, ou ouvrez un fichier : le code est allégé de ses commentaires et espaces superflus, avec la taille avant et après. La minification est prudente : chaînes, gabarits, expressions régulières et contenu des balises pre sont gardés intacts.

Dans quels cas l'utiliser ?

Alléger une petite page

Pour une page statique, un e-mail HTML, une bannière publicitaire ou un widget à intégrer, minifier le code réduit le poids téléchargé sans installer d'outil de build.

Intégrer du code dans un attribut ou une chaîne

Un CSS ou un script sur une seule ligne se colle plus facilement dans un gestionnaire de balises, un CMS ou un champ de configuration qui n'accepte pas les retours à la ligne.

Estimer le gain d'une minification

Avant de mettre en place une chaîne de build, mesurez combien vos fichiers pèseraient une fois minifiés, en plus de la compression gzip ou brotli du serveur.

Mode d'emploi

  1. Choisissez le langage et collez le code.
  2. Comparez la taille avant et après.
  3. Copiez ou téléchargez le code minifié.

Comment ça marche

Le code est lu caractère par caractère : les chaînes entre guillemets, les gabarits JavaScript et les expressions régulières sont recopiés tels quels. Les commentaires sont retirés, sauf ceux qui commencent par /*! (licences). Les espaces sont supprimés partout où ils ne séparent pas deux mots.

En JavaScript, un retour à la ligne est conservé là où l'insertion automatique des points-virgules pourrait en dépendre, pour ne jamais changer le comportement du code. En HTML, les espaces entre éléments en ligne sont gardés (ils s'affichent), le contenu de pre et textarea est intact, et les balises style et script sont minifiées avec leur propre langage.

Conseils pour un bon résultat

  • Gardez toujours la version lisible de votre code : la version minifiée sert seulement à la mise en ligne.
  • Activez aussi la compression gzip ou brotli sur votre serveur : elle se cumule avec la minification.
  • Pour un projet complet, un outil de build (Vite, esbuild, Terser) raccourcit aussi les noms de variables et retire le code inutilisé.
  • Testez la page après minification, surtout pour du JavaScript ancien qui compte sur des retours à la ligne.
  • Les commentaires de licence /*! … */ sont conservés : ne les retirez pas des bibliothèques que vous redistribuez.

Problèmes fréquents et solutions

Mon JavaScript ne fonctionne plus

C'est rare grâce aux retours à la ligne conservés, mais un code qui mélange divisions et expressions régulières ambiguës peut poser problème. Signalez-le et utilisez un outil comme Terser pour ce fichier.

Le gain est faible

Un code déjà compact ou sans commentaires gagne peu. Les gros gains viennent du renommage des variables, que fait un outil de build.

Des espaces ont disparu entre deux mots

Entre deux éléments en ligne, l'espace est gardé ; autour des balises de bloc (div, p, li), il est retiré car il ne s'affiche pas. Vérifiez la nature des balises concernées.

Questions fréquentes

Mon code est-il envoyé ?

Non. La minification se fait entièrement dans votre navigateur ; le code ne quitte pas votre appareil.

Les noms de variables sont-ils raccourcis ?

Non, volontairement : cela demande une analyse complète du programme. L'outil retire uniquement ce qui est sûr de retirer.

Les commentaires conditionnels HTML sont-ils gardés ?

Oui, les commentaires de type [if IE] sont conservés ; les autres commentaires HTML sont retirés.

Puis-je dé-minifier du code ?

Pour le JSON, utilisez le formateur JSON, pour le SQL le formateur SQL. Le JavaScript minifié se reformate dans l'onglet Sources des outils de développement du navigateur.

Recherches associées

Toujours bloqué ?

Posez votre question sur le forum : la catégorie, l'outil, la fiche de votre appareil et le résultat du test seront déjà remplis.