Deux tâches opposées sur le même texte. Le formatage ajoute des sauts de ligne et de l’indentation pour qu’un humain suive l’imbrication ; la minification retire tout ce dont le navigateur n’a pas besoin. Les deux travaillent ici sur les caractères que vous avez fournis, pas sur un document reconstruit : ce qui sort reste votre balisage.

Comment l’utiliser

1. 1 Collez le HTML - une page entière ou un simple fragment.
2. 2 Choisissez l’indentation, puis Formater ou Minifier.
3. 3 Copiez le résultat, ou repassez-le par l’autre bouton pour comparer.

Les espaces ne sont pas toujours du bruit

Entre deux éléments en ligne, une simple espace est du texte visible : la retirer transforme « un deux » en « undeux ». Entre éléments de bloc, la même espace ne signifie rien. Le minifieur retire ici l’indentation mais conserve l’espace de séparation là où elle sert vraiment.

Pourquoi pre et textarea restent intacts

À l’intérieur, chaque espace et chaque saut de ligne est du contenu que le lecteur verra. Réindenter un bloc de code changerait discrètement ce qu’il affiche, et rogner un textarea changerait la valeur envoyée par le formulaire. Idem pour script et style : leur contenu est un autre langage, transmis tel quel.

Il formate, il ne répare pas

Les outils bâtis sur l’analyseur du navigateur réparent discrètement le balisage cassé : ils ferment vos balises, jettent celles qui traînent et déplacent des éléments là où la spécification l’exige. Quand on débogue, ce n’est souvent pas souhaitable : le bug traqué peut être précisément ce qui a été réparé. Celui-ci reformate le texte et laisse les erreurs bien visibles.

Minifier le HTML, c’est le petit gain

Retirer les espaces d’une page économise en général quelques pour cent, et le gzip du serveur en aurait de toute façon compressé l’essentiel. Le vrai poids est dans les images, les polices et les scripts. Minifiez le HTML parce qu’un générateur de gabarits a rendu la sortie illisible, pas parce que vous attendez une page beaucoup plus rapide.