Minifier HTML en ligne — Compresseur HTML

Minifiez du HTML instantanément avec notre outil en ligne gratuit. Compressez vos documents pour des chargements plus rapides. Traitement dans le navigateur.

Chargement…

Minification HTML

Minifiez du HTML en ligne. Compressez vos documents pour des chargements plus rapides.

Fonctionnalités

Supprimez les espaces, commentaires et balises optionnelles des documents HTML pour réduire la taille des fichiers et améliorer les temps de chargement.

Minifier le HTML

Supprimez les espaces, commentaires et balises optionnelles des documents HTML pour réduire la taille des fichiers et améliorer les temps de chargement.

Exemple de base

HTML source

<!DOCTYPE html>
<html>
  <head>
    <title>Checkout Dashboard</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <header class="site-header">
      <h1>FastMinify Store</h1>
    </header>
    <main>
      <section class="cart">
        <h2>Your cart</h2>
        <p>3 items ready for checkout.</p>
      </section>
    </main>
  </body>
</html>

HTML minifié

<!DOCTYPE html><html><head><title>Checkout Dashboard</title><meta charset="utf-8" /></head><body><header class="site-header"><h1>FastMinify Store</h1></header><main><section class="cart"><h2>Your cart</h2><p>3 items ready for checkout.</p></section></main></body></html>

Options de minification

Supprimer les commentaires

Supprime tous les commentaires HTML du code

Comparaison avec/sans l'option :

Code original

<div>
  <!-- This is a comment -->
  <p>Content</p>
  <!-- Another comment -->
</div>

Avec removeComments: true

<div><p>Content</p></div>

Avec removeComments: false

<div><!-- This is a comment --><p>Content</p><!-- Another comment --></div>

Réduire les espaces

Réduit plusieurs caractères d'espacement en espaces simples

Comparaison avec/sans l'option :

Code original

<div>
    <p>   Multiple   spaces   </p>
    <span>  Text  </span>
</div>

Avec collapseWhitespace: true

<div><p> Multiple spaces </p><span> Text </span></div>

Avec collapseWhitespace: false

<div><p>   Multiple   spaces   </p><span>  Text  </span></div>

Voir les options d’indentation Beautify →

Comment déminifier du HTML en ligne

La déminification HTML restaure un formatage lisible aux documents HTML compressés. Collez n'importe quel HTML minifié dans notre outil et cliquez sur Déminifier pour ajouter l'indentation, organiser les éléments imbriqués et formater les attributs. Utile pour déboguer des sites en production, inspecter des templates minifiés ou relire du HTML généré par des CMS.

Minification HTML — Ce qui est supprimé

La minification HTML supprime les espaces inutiles entre les balises, les commentaires HTML, les balises de fermeture optionnelles, les attributs redondants et les valeurs d'attributs vides. Elle préserve tout le contenu, les styles inline, les scripts et la structure. Votre page s'affichera à l'identique dans tous les navigateurs après minification. Ce n’est pas un équivalent à l’échappement des contenus utilisateur dans le markup : pour tester des entités sur un extrait, utilisez l’outil entités HTML.