Minifieur HTML — page plus légère, même rendu

Retirez les espaces d’un HTML. Les valeurs d’attributs et les espaces entre éléments en ligne sont gardés : la page s’allège et s’affiche pareil.

Instantané Privé Zéro cookie

Entrée HTML

Sortie HTML

Ce que fait cet outil

Du HTML lisible devient le plus petit HTML qui rend pareil.

<div>
  <p>  Bonjour  </p>
</div>

<div><p> Bonjour </p></div>

Les suites de blancs deviennent une espace, les blancs entre éléments de bloc partent, et les commentaires partent — sauf les conditionnels, qui sont des instructions à un vieux navigateur plutôt que des notes à un lecteur.

L’espace entre deux éléments en ligne est du contenu

<span>a</span> <span>b</span>

<span>a</span> <span>b</span>

Rien à retirer là : cette espace est rendue, et l’enlever change « a b » en « ab ». Elle était retirée, ce qui rendait la page différente plutôt que plus petite — un vrai défaut, trouvé en écrivant cette page puis corrigé. Autour d’un élément de bloc, la même espace ne rend rien, et elle part :

<div>a</div>   <div>b</div>

<div>a</div><div>b</div>

Une valeur d’attribut n’est pas de la mise en page

<input value="a  b">

<input value="a  b">

Les deux espaces restent. Elles étaient écrasées en une seule, parce que la passe sur les blancs traversait les attributs — or la valeur qu’envoie un formulaire, le texte d’un title, le contenu d’un alt sont des données, pas de l’indentation. Les valeurs entre guillemets sont mises de côté avant l’écrasement et remises intactes.

Ce dans quoi il n’entre jamais

<pre> et <textarea>. Affichés ou envoyés exactement tels qu’écrits.
<script> et <style>. Leur contenu est du JavaScript et du CSS ; leurs minifieurs sont des outils à part sur ce site, et les lancer est votre décision, pas un effet de bord de celui-ci.
Les commentaires conditionnels.  est lu par un navigateur : il reste.

Une limite qu’il vaut mieux connaître : une région protégée s’arrête à sa balise fermante, repérée par motif. Un </script> littéral dans une chaîne JavaScript y met donc fin trop tôt. Traiter ce cas correctement demande un analyseur HTML complet, qui est un autre outil qu’un minifieur de blancs.

Confidentiel par conception

Tout s’exécute localement dans votre navigateur en JavaScript. Vos données ne sont jamais envoyées sur un serveur, ce qui rend l’outil sûr pour des contenus sensibles, et il fonctionne hors ligne.

Questions fréquentes

Cela change-t-il l’apparence de ma page ?: Non, et cela valait la peine d’être corrigé. Le blanc entre deux éléments en ligne est rendu : `<span>a</span> <span>b</span>` se lit « a b », et retirer cette espace donnait « ab ». Elle est maintenant gardée quand les deux côtés sont en ligne, et retirée autour des éléments de bloc, où elle ne rend rien. Plus petit, pas différent.
Mes valeurs d’attributs sont-elles touchées ?: Plus maintenant. L’écrasement des blancs les traversait : `<input value="a b">` revenait avec une seule espace — or la valeur qu’envoie un formulaire n’est pas une affaire de mise en page. `title`, `alt`, `data-*` et les autres avaient le même problème. Les valeurs entre guillemets sont désormais mises de côté avant l’écrasement, puis remises exactement telles quelles.
Qu’est-ce qui est laissé entièrement tranquille ?: `<pre>` et `<textarea>`, dont les blancs sont affichés ou envoyés tels qu’écrits ; `<script>` et `<style>`, dont le contenu n’est pas du HTML ; et les commentaires conditionnels (`<!--[if IE]>`), qui sont des instructions et non des notes. Les commentaires ordinaires, eux, sont retirés. Une limite connue : un `</script>` littéral à l’intérieur d’une chaîne JavaScript referme la région protégée trop tôt — le repérer vraiment demande un analyseur HTML complet.