Cookies Ce site ne conserve que ce dont il a besoin pour fonctionner. Il n’y a aujourd’hui ni mesure d’audience ni publicité, et rien ici ne vous suit sur d’autres sites. Lire la politique de confidentialité

Choisir ce que j’autorise
+92 312 8299940Devis gratuit
Gratuit, rien n’est envoyé

Minificateur HTML
Des pages plus légères, un rendu identique

Ce minificateur HTML gratuit fonctionne en ligne, retire les commentaires et les espacements de votre balisage et vous rend une page plus légère. D’abord, collez votre HTML ou déposez vos fichiers. Puis cliquez sur l’action voulue. Enfin, copiez le résultat, car tout le travail se fait dans cet onglet.

Minifier mon HTMLComment ça marche
  • GratuitPrix
  • InutileCompte
  • AucunEnvois
  • À chaque passageVérifié

Minificateur HTML

Collez votre code ou déposez vos fichiers — rien n’est envoyé

ou appuyez sur Ctrl + Entrée

Résultat minifié

 
Original
—
Minifié
—
Économisé
—
Avec gzip
—
Balises
—
Durée
—
Prêt. Collez votre HTML, puis appuyez sur Minifier ou Embellir.
 Votre navigateur lit et réécrit votre code ici, dans cet onglet. Nous n’envoyons rien, ne stockons rien et ne journalisons rien. 
En bref
Pourquoi alléger son code HTML avant de le publier ?
Un minificateur HTML réécrit une page écrite pour des humains en une page que le navigateur télécharge plus vite. Il supprime vos commentaires et l’indentation qui n’aide que le lecteur. Cependant, il garde chaque balise et chaque mot, donc la page s’affiche exactement comme avant.
Le gain arrive tôt, et c’est pourquoi il compte. Le HTML est la première chose que demande un navigateur, et toutes les autres requêtes l’attendent. Par conséquent, un document qui passe de 80 Ko à 58 Ko lance toute la cascade plus tôt.
Certains appellent ce travail compresseur HTML. Les deux termes décrivent un même résultat : moins de caractères, un rendu identique. Bref, vous publiez la petite page et gardez la page lisible.
Certains espaces comptent, la plupart non. La spécification de la syntaxe HTML trace cette limite exactement là où cette page la trace.
Pourquoi le HTML est plus difficile à minifier que le CSS ou le JavaScript
En CSS et en JavaScript, l’espace entre deux éléments est de la décoration. En HTML, c’est du texte qu’un lecteur peut voir. `bold italic` montre un écart entre ces mots et `bolditalic` non, donc un outil qui comprime chaque espace réécrit discrètement votre phrase.
Schéma d’un extrait HTML dont les commentaires et les espaces superflus ont été retirés, montré avant et après avec les octets économisés
Moins d’espaces, la même page.
Cette seule différence explique la plupart des plaintes du type « le minificateur a cassé ma page ». Cet outil regarde donc ce qui se trouve de chaque côté de chaque écart. À côté d’une balise en ligne, l’écart devient une espace, car un lecteur la verrait. À côté d’une balise de bloc, il disparaît, car rien ne s’y affiche.
Minificateur HTML avec une section d’en-tête collée à gauche et le résultat compacté sur une seule ligne à droite, les deux zones mises en évidence
Collez le HTML, obtenez la copie allégée.
Ce qui reste exactement tel que vous l’avez écrit
Tout ce qui se trouve dans `pre`, `textarea`, `script`, `style` et `code` survit octet pour octet, sauts de ligne compris. Une espace dans un bloc `pre` est une sortie visible, et un saut de ligne dans un script peut terminer une instruction.
Minificateur HTML en mode embellir, qui transforme une ligne compacte en balisage indenté, avec les options d’embellissement et le résultat mis en évidence
Le mode embellir le rend à nouveau lisible.
Les commentaires conditionnels survivent aussi. `
Minificateur HTML avec les options de suppression des commentaires et de réduction des espaces activées, et le résultat compacté dans la zone de sortie
Choisissez les parties à retirer.
Pourquoi les guillemets des attributs restent
Certains outils retirent les guillemets de `class="card"`. Les octets sont réels mais peu nombreux, et la sécurité dépend de la valeur. Cet outil les laisse, car quelques caractères ne justifient jamais ce genre de bug.
Sur cette page
Continuer
Comment ça marche
Minifier du HTML en quatre étapes
Ni installation, ni inscription, ni attente. Cet onglet suffit, rien d’autre à ouvrir.
  • 1
    Ajoutez votre balisage
    Collez votre HTML dans l’éditeur, ou déposez vos fichiers .html dans l’onglet d’import. Les deux voies font le même travail.
  • 2
    Choisissez ce qui part
    Les commentaires partent par défaut, les conditionnels restent. De plus, vous décidez de réduire les espaces et de ranger les attributs.
  • 3
    Appuyez sur minifier
    L’outil parcourt chaque caractère, réécrit la page, puis relit sa propre réponse avant de vous montrer quoi que ce soit.
  • 4
    Copiez ou téléchargez
    Prenez le résultat en texte, ou enregistrez-le en fichier .min.html. Pendant ce temps, votre original reste exactement tel que vous l’avez laissé.
Pourquoi celui-ci
Un minificateur HTML qui respecte vos espaces
Une page cassée s’annonce rarement. Elle s’affiche juste un peu de travers, et personne ne repère quel outil en est la cause.
  • Il distingue en ligne et bloc
    Un écart à côté d’un span ou d’un lien devient une espace, car un lecteur la voit. Un écart à côté d’un div disparaît, car rien ne s’y affiche.
  • Les blocs bruts restent exacts
    Ce qui se trouve dans pre, textarea, script, style ou code sort octet pour octet, sauts de ligne compris.
  • Il vérifie chaque passage
    L’outil relit sa propre sortie et compare chaque balise, attribut et mot avec votre original. Une différence est signalée, jamais cachée.
  • Les conditionnels survivent
    Un commentaire conditionnel IE est du balisage déguisé en commentaire. Par conséquent, il reste sauf avis contraire de votre part.
  • Vos fichiers restent dans cet onglet
    Votre balisage ne voyage jamais. Il n’y a ni requête, ni stockage, ni journal, vous pouvez donc coller ici des travaux clients en toute sécurité.
  • Il affiche le nombre réel, sans arrondi
    Vous voyez la taille gzip à côté de la taille brute, car c’est le gzip qui atteint réellement votre visiteur.
Bonnes habitudes
Tirer le meilleur de ce compresseur HTML
Quelques petites habitudes gardent une page minifiée prévisible.
  • Gardez l’original. Modifiez toujours le fichier lisible. Ainsi, la copie minifiée reste quelque chose que vous générez, jamais quelque chose que vous entretenez.
  • Minifiez en dernier. Lancez-le après votre moteur de templates et après vos tests. Sinon, vous testez une page et en publiez une autre.
  • Vérifiez une phrase avec des liens. Regardez un paragraphe qui contient des liens. Si les mots gardent leurs écarts, les règles d’espacement ont fait leur travail.
  • Servez-le en gzip. Minifier et compresser s’additionnent. De ce fait, la taille transférée tombe bien en dessous de la taille du fichier sur le disque.
  • Laissez les conditionnels tranquilles. À moins de savoir que rien n’en dépend, laissez cet interrupteur activé. Ils ne coûtent presque rien.
  • Surveillez le badge de vérification. Si un passage indique qu’il n’a pas pu vérifier, ne publiez pas ce fichier. Envoyez-nous plutôt le cas et gardez votre original.
À éviter
Les erreurs qui cassent une page minifiée
Presque toutes les histoires de « maintenant ça s’affiche mal » sont l’une de ces trois.
  • Comprimer les écarts en ligne
    Un outil qui retire toutes les espaces colle vos mots. La page reste valide, et pourtant elle se lit mal.
  • Aplatir les blocs pre
    Les exemples de code et les mises en page ASCII dépendent de leurs sauts de ligne. Supprimez-les et l’exemple devient une seule longue ligne.
  • Modifier le fichier minifié
    Vos modifications disparaissent au prochain build. La correction se fait donc toujours dans le modèle source.
Questions
FAQ du minificateur HTML
Ce minificateur HTML va-t-il changer l’apparence de ma page ?
Il ne devrait pas, et il le vérifie au lieu de le supposer. L’outil garde les espaces visibles entre éléments en ligne, retire seulement ceux qui ne s’affichent pas, puis relit sa propre sortie pour confirmer que chaque balise et chaque mot ont survécu.
Que deviennent mes blocs script et pre ?
Ils sortent octet pour octet, sauts de ligne compris. Cela compte doublement : une espace dans un bloc pre est une sortie visible, et un saut de ligne dans un script peut terminer une instruction.
De combien ma page sera-t-elle plus légère ?
Un balisage lisible perd en général 15 à 30 pour cent, et l’outil affiche le chiffre exact pour votre fichier. Cependant, une page produite par un bundler arrive souvent déjà compacte, donc elle gagne bien moins.
Retire-t-il mes commentaires conditionnels IE ?
Uniquement si vous l’activez. Ils ressemblent à des commentaires mais se comportent comme du balisage, alors l’outil les garde par défaut et vous donne un interrupteur quand vous êtes sûr que rien n’en a besoin.
Mon HTML part-il vers un serveur ?
Non. Tout le minificateur tourne dans votre onglet. Il n’y a ni requête, ni stockage, ni journal, vous pouvez donc coller sans risque un travail confidentiel.
Puis-je minifier plusieurs fichiers à la fois ?
Oui. Ouvrez l’onglet d’import et déposez autant de fichiers .html ou .htm que vous voulez. L’outil minifie chacun séparément, et vous pouvez les télécharger un par un.
Plus d’outils gratuits
D’autres outils utilisables tout de suite
Chacun tourne dans votre navigateur et ne demande rien.
  • Minificateur CSS
    Allégez une feuille de style sans casser calc() ni vos sélecteurs.
    Ouvrir l’outil →
  • Minificateur JavaScript
    Allégez un script, avec la même vérification que le résultat correspond toujours à votre code.
    Ouvrir l’outil →
  • Outil de taille d’image
    Lisez les vraies dimensions, le poids et le format de toutes vos images d’un coup.
    Ouvrir l’outil →
Allégez votre prochaine page en quelques secondes
Collez votre balisage, appuyez sur un bouton et vérifiez vous-même le gain. Rien ne voyage nulle part et rien n’est conservé.
Minifier mon HTMLLire les bonnes pratiques