HTML minifizieren
HTML verkleinern: Kommentare und Leerzeichen entfernen, Attribute kürzen und Inline-CSS optimieren – mit Ersparnis in Prozent.
HTML minifizieren verkleinert Seiten für schnellere Ladezeiten. Kommentare und überflüssige Leerzeichen werden entfernt, boolesche Attribute verkürzt, überflüssige type-Angaben gestrichen und CSS in style-Tags optimiert. Inhalte von pre, textarea und script bleiben unangetastet. Die Ersparnis siehst du in Kilobyte und Prozent; alles läuft im Browser.
Minifiziert
Was beim Minifizieren passiert
| Schritt | Vorher | Nachher |
|---|---|---|
| Kommentare | <!-- Hinweis --> | entfernt |
| Einrückung | Zeilenumbrüche und Leerzeichen | entfernt |
| Boolesche Attribute | checked="checked" | checked |
| type-Attribut | type="text/javascript" | entfernt |
| Klassen | class=" a b " | class="a b" |
Zum Lesen machst du HTML mit HTML formatieren wieder übersichtlich. Stylesheets verkleinert CSS minifizieren.
Häufige Fragen
Kann Minifizieren das Layout verändern?
Leerzeichen zwischen Inline-Elementen bleiben als ein einzelnes Leerzeichen erhalten, nur Leerraum neben Block-Elementen wird entfernt. pre und textarea bleiben unverändert. Bei sehr speziellen Layouts mit inline-block-Abständen solltest du das Ergebnis trotzdem kurz prüfen.
Werden Skripte minifiziert?
Nein, JavaScript wird nicht umgeschrieben, weil dafür ein vollständiger JavaScript-Minifier nötig wäre. Die Option kürzt nur Leerraum am Anfang und Ende. Für Skripte nutzt du im Projekt Werkzeuge wie esbuild oder Terser.
Bleiben bedingte Kommentare erhalten?
Ja. Kommentare wie <!--[if IE]> und Kommentare mit Ausrufezeichen (<!--! Lizenz -->) werden nicht entfernt.
Lohnt sich das bei aktivierter Komprimierung?
GZIP und Brotli holen bereits viel heraus. Minifizieren spart zusätzlich meist 5 bis 20 Prozent und reduziert den Aufwand beim Parsen. Ob dein Server komprimiert, prüfst du mit dem GZIP-Prüfer.
Stimmt etwas nicht auf dieser Seite? – wir schauen uns das an.