HTML Minifier

Füge HTML ein, um Kommentare und überflüssigen Leerraum zu entfernen und Inline-CSS und -JavaScript zu minifizieren. Inhalte in <pre> und <textarea> bleiben exakt wie geschrieben.

Läuft im BrowserOhne AnmeldungKein Upload

Eingabe

Datei öffnen

Minifizierte Ausgabe

Anleitung: HTML Minifier

Füge ein HTML-Dokument oder -Fragment ein oder öffne eine .html-Datei.
Lege fest, was entfernt wird: Kommentare, Leerraum und ob Inline-Blöcke wie <style> und <script> ebenfalls minifiziert werden sollen.
Achte auf die Warnungszeile: Ein Inline-Script mit Syntaxfehler bleibt unverändert, statt deine Seite zu beschädigen.
Kopiere das minifizierte HTML oder lade es herunter.

Was wird entfernt?

Kommentare:  wird entfernt, außer bedingte Kommentare für den Internet Explorer und Kommentare, die mit <!--! beginnen.
Leerraum zwischen Block-Elementen: Zeilenumbrüche und Einrückungen zwischen Tags wie <div>, <li> oder <head> werden nie dargestellt und fallen daher komplett weg.
Mehrfache Leerzeichen im Text: Sie werden zu einem einzigen Leerzeichen zusammengefasst, genau so, wie der Browser sie ohnehin darstellt.
Leerraum innerhalb von Tags: <p class = "a"> wird zu <p class="a">.

Was bleibt erhalten?

An manchen Stellen ist Leerraum bedeutsam, und der Minifier respektiert das. Der Inhalt von <pre> und <textarea> bleibt Byte für Byte erhalten. Ein einzelnes Leerzeichen zwischen Inline-Elementen, etwa bei <b>bold</b> text, bleibt bestehen, weil sonst Wörter zusammenkleben würden. Attributwerte und Anführungszeichen werden nie verändert.

Inline-CSS und -JavaScript

Inline-Blöcke vom Typ <style> werden mit CSSO und Inline-<script>-Blöcke mit Terser optimiert, denselben Engines wie auf den Seiten CSS Minifier und JavaScript Minifier. JSON-LD und andere JSON-Script-Blöcke werden kompakt geschrieben, Scripts unbekannten Typs (zum Beispiel Templates) bleiben unangetastet.

Lohnt sich HTML-Minifizierung?

Bei serverseitig gerenderten Seiten und statischen Websites ist das HTML-Dokument das Erste, was der Browser herunterlädt. Jedes gesparte Byte verkürzt also die Zeit bis zum ersten Rendern. Einsparungen von 10–25 % vor der Komprimierung sind üblich, bei stark eingerückten Templates und Seiten mit großen Inline-Scripts noch mehr.

Häufig gestellte Fragen

Verändert das Minifizieren von HTML das Aussehen meiner Seite?

Nein. Es wird nur Leerraum entfernt, den der Browser ohnehin zusammenfassen würde, und der Inhalt von <pre>/<textarea> bleibt unberührt. Wenn du Elemente per CSS mit white-space: pre gestaltest, deaktiviere Leerraum zusammenfassen.

Wird Inline-JavaScript und -CSS minifiziert?

Ja, wenn die Optionen aktiviert sind. Hat ein Inline-Block einen Syntaxfehler, bleibt er unverändert und es wird eine Warnung angezeigt, damit die Seite nie kaputtgeht.

Kann ich Template-Dateien wie Handlebars, Jinja oder Blade minifizieren?

Meistens ja, solange Template-Tags in Text oder Attributwerten stehen. Templates mit Logik in Tag-Namen oder zwischen Attributen solltest du gegebenenfalls von Hand prüfen.

Wird mein HTML irgendwohin gesendet?

Nein. Alles wird lokal in deinem Browser verarbeitet.