HTML-Minimierer

Wo Leerraum erhalten bleibt

Jede Folge aus Leerzeichen, Tabulatoren und Zeilenumbrüchen wird zu einem einzelnen Leerzeichen, statt zu verschwinden, weil ein Leerzeichen neben Inline-Inhalten sichtbar ist: In Read <a href="/guide">the guide</a> now bleiben beide Leerzeichen um den Link erhalten. Leerraum wird nur dort entfernt, wo ein Browser ihn nicht anzeigen würde: am Anfang und Ende eines Blockelements wie <p>, <li> oder <div> sowie zwischen benachbarten Blöcken, etwa die Einrückung zwischen <li>-Elementen. Text in <pre>, <textarea>, <script> und <style> bleibt exakt wie geschrieben.

CSS kann dafür sorgen, dass ein entferntes Leerzeichen wieder relevant wird. Ein mit display: inline-block formatiertes <div> oder ein Absatz mit white-space: pre-wrap stellt Leerraum dar, den HTML allein als unsichtbar behandelt. Vergleiche daher vor der Veröffentlichung die gerenderte Seite mit dem Original.

Was der Browser-Parser ändert

Ein Fragment, etwa eine Komponentenvorlage, bleibt ein Fragment. Eingaben mit einem Doctype oder einem <html>-, <head>- oder <body>-Tag werden als vollständiges Dokument zurückgegeben. In beiden Fällen durchläuft das Markup den Browser-Parser: Nicht geschlossene Tags werden geschlossen, falsch platzierte Elemente dorthin verschoben, wo der Parser sie einordnet, und ein HTML-Doctype jeder Version wird zu <!doctype html>. Alle Kommentare werden entfernt, auch als Kommentare geschriebene Markierungen von Frameworks.

Inline-Skripte und -Styles bleiben unverändert. Minimiere ihren Inhalt separat mit dem JavaScript-Minimierer und dem CSS-Minimierer.

So benutzt du es

1. HTML einfügen.
2. HTML minimieren wählen.
3. Prüfen und das kompakte Dokument herunterladen.

Datenschutz & Einschränkungen

Das Dokument bleibt lokal. Teste erzeugte Seiten immer, da Leerraum in Inline-Layouts bedeutungsvoll sein kann.