Minificateur HTML

Où les espaces sont conservés

Chaque suite d’espaces, de tabulations et de sauts de ligne devient un seul espace au lieu de disparaître, car un espace à côté d’un contenu en ligne est visible : dans Read <a href="/guide">the guide</a> now, les deux espaces autour du lien sont conservés. Les espaces sont supprimés uniquement là où un navigateur ne les afficherait pas : au début et à la fin d’un élément de type bloc comme <p>, <li> ou <div>, ainsi qu’entre des éléments frères de type bloc, par exemple l’indentation entre des éléments <li>. Le texte dans <pre>, <textarea>, <script> et <style> est laissé exactement tel quel.

Le CSS peut rendre à nouveau important un espace supprimé. Un <div> auquel est appliqué display: inline-block ou un paragraphe avec white-space: pre-wrap affiche des espaces que HTML seul considère comme invisibles ; comparez donc la page rendue avec l’original avant de la déployer.

Ce que modifie l’analyseur du navigateur

Un fragment, comme le modèle d’un composant, reste un fragment ; une entrée contenant un doctype ou une balise <html>, <head> ou <body> redevient un document complet. Dans les deux cas, le balisage passe par l’analyseur du navigateur : les balises non fermées sont fermées, les éléments mal placés sont déplacés là où l’analyseur les met, et un doctype HTML de n’importe quelle version devient <!doctype html>. Tous les commentaires sont supprimés, y compris les marqueurs de framework écrits sous forme de commentaires.

Les scripts et styles intégrés sont laissés tels quels. Réduisez leur contenu séparément avec le minifieur JavaScript et le minifieur CSS.

Comment l'utiliser

1. Collez le HTML.
2. Sélectionnez Minify HTML.
3. Vérifiez puis téléchargez le document compact.

Confidentialité et limitations

Le document reste local. Testez toujours les pages générées, car les espaces peuvent être significatifs dans des mises en page en ligne.