HTML Minifier — HTML-Minifizierer

So funktioniert die HTML-Minifizierung

Die HTML-Minifizierung entfernt alles, was ein Browser zum Rendern einer Seite nicht braucht: Einrückungen und Zeilenumbrüche zwischen Tags, Kommentare, überflüssige Attributwerte und Standardattribute. Dieses Tool verwendet html-minifier-terser, das dein Markup in Tags und Text zerlegt, die gewählten Optimierungen anwendet und es wieder ausgibt. Collapse whitespace fasst Folgen von Leerzeichen zusammen und entfernt Leerraum zwischen Block-Elementen, behält aber die einzelnen Leerzeichen bei, die Inline-Text trennen. Inhalte in <pre> und <textarea> bleiben unangetastet, weil dort Leerraum eine Rolle spielt. Remove comments entfernt Entwicklernotizen, und die Inline-Minifizierer verkleinern eingebettete <style>- und <script>-Blöcke mit clean-css und Terser.

Die Größenanzeigen zeigen die UTF-8-Bytegröße von Eingabe und Ausgabe sowie die prozentuale Ersparnis. Handgeschriebene Templates mit großzügiger Einrückung schrumpfen oft um 15–30 %, bei großen Inline-Skripten oder -Styles auch mehr. Server komprimieren HTML meist zusätzlich mit gzip oder Brotli, daher ist die Ersparnis bei der Übertragung kleiner als der Rohwert, doch ein kleineres Dokument wird trotzdem schneller geparst und hält kritischen Inline-Code kompakt.

Die richtigen Optionen wählen

Remove redundant attributes bündelt sichere Bereinigungen: Es kürzt boolesche Attribute wie disabled="disabled" zu disabled, entfernt Standardwerte wie type="text" bei Eingabefeldern und type="text/javascript" bei Skripten, verwirft leere Attribute und ersetzt lange veraltete Doctypes durch <!doctype html>. Remove optional tags lässt schließende Tags wie </li>, </p> und </body> weg, die Browser laut HTML-Spezifikation selbst ableiten dürfen. Remove attribute quotes entfernt Anführungszeichen um Werte, die keine brauchen. Beide erzeugen gültiges HTML, können aber andere Tools überraschen, die dein Markup lesen, und sind deshalb standardmäßig deaktiviert.

Privat von Grund auf

Der Minifizierer wird bei Bedarf geladen und läuft lokal, sodass deine Templates, E-Mail-Markups und Landingpages nie hochgeladen werden. Das ist praktisch für einmalige Aufgaben, etwa eine HTML-E-Mail, ein Embed-Snippet oder eine statische Seite zu verkleinern, bevor du sie in ein CMS einfügst. Meldet der Parser einen Fehler, prüfe die Eingabe auf nicht geschlossene Tags oder vereinzelte spitze Klammern. Bei Produktivseiten solltest du die Minifizierung in deiner Build-Pipeline belassen, damit das Ergebnis reproduzierbar ist.