lobsite! Se connecter S'inscrire

Outils gratuits /

Minificateur HTML

Minifiez du HTML en retirant commentaires et espaces superflus, CSS et JavaScript en ligne compris. Voyez les octets gagnés. Gratuit, dans le navigateur.

Formateur HTML →
Minifié
Gratuit, sans compte. Il reste en ligne 6 heures, ou pour de bon si vous le conservez.

Comment l’utiliser

  1. Collez votre HTML, ouvrez un fichier .html, ou partez de l’exemple.
  2. Le HTML minifié apparaît pendant que vous tapez, avec la taille avant et après.
  3. Copiez-le, téléchargez-le, ou cliquez sur Publier cette page pour le mettre en ligne.

Ce qu’il supprime

  • Les commentaires, et les espaces entre les balises (un seul espace est gardé là où il pourrait être visible entre éléments en ligne).
  • Les attributs qui ne font que répéter la valeur par défaut, comme type="text/javascript" sur les scripts et type="text/css" sur les styles.
  • Le doctype long, remplacé par <!doctype html>.
  • Le contenu des <style> et <script> en ligne est minifié comme du CSS et du JavaScript.

<pre> et <textarea> gardent leurs espaces : la page a le même aspect et fonctionne de la même façon.

Est-ce que ça vaut le coup ?

La plupart des hébergeurs, Lobsite compris, compressent déjà les pages en gzip ou Brotli en route vers le navigateur, ce qui réduit très bien les espaces répétés. Minifier avant fait en général gagner 5 à 15 % de plus. Cela compte surtout pour les grosses pages, les pages avec beaucoup de CSS et de JavaScript en ligne, et le HTML des e-mails, où rien n’est compressé.

Questions fréquentes

La minification peut-elle casser ma page ?

Les réglages sont prudents : les espaces qui pourraient être visibles sont gardés sous forme d’un seul espace, et les balises fermantes facultatives et les guillemets d’attributs restent en place. Le JavaScript en ligne qui contient une erreur de syntaxe est laissé tel quel. Vérifiez le résultat dans la Visionneuse HTML avant de le publier.

Dois-je minifier à la main à chaque modification ?

Pour une page, c’est rapide ici. Pour un site que vous modifiez souvent, laissez votre outil de build s’en charger (Vite, Astro et la plupart des générateurs le font), et gardez la version lisible dans vos sources.

Quel minificateur utilise-t-il ?

html-minifier-terser, avec Terser pour le JavaScript en ligne. Il se charge la première fois que vous minifiez, puis tourne dans votre navigateur.

Mon HTML est-il envoyé quelque part ?

Non. Il est minifié dans votre navigateur, et envoyé à Lobsite seulement si vous cliquez sur Publier cette page.