HTML minifizieren – HTML-Code online verkleinern
Mach dein HTML kleiner und schneller. Entferne Kommentare und unnötigen Leerraum, minifiziere Inline-CSS und räume Attribute auf – mit sicheren Standards, die vorformatierten Text und Skripte schützen.
HTML einfügen – die minifizierte Version erscheint sofort mit der Ersparnis in Bytes. Standardmäßig werden Kommentare entfernt, Leerraum zusammengefasst, Inline-CSS minifiziert, Skripte gekürzt und type="text/javascript" bzw. type="text/css" gelöscht. Inhalte in pre, textarea, script und style bleiben geschützt.
So funktioniert: HTML-Minifier
- HTML-Code einfügen.
- Gewünschte Optimierungen auswählen.
- Ersparnis prüfen.
- Minifiziertes HTML kopieren oder herunterladen.
- Seite vor dem Veröffentlichen testen.
Was HTML-Minifizierung macht
Von Menschen und Templates geschriebenes HTML enthält Einrückungen, Zeilenumbrüche und Kommentare, die der Browser nicht braucht. Minifizieren entfernt sie, die Datei wird kleiner. Die Seite sieht gleich aus und funktioniert gleich, aber es werden weniger Bytes übertragen.
| Option | Wirkung |
|---|---|
| Kommentare entfernen | Löscht `<!-- … -->`, behält bedingte Kommentare |
| Leerraum zusammenfassen | Macht aus Leerzeichenfolgen eines; entfernt Leerraum an Block-Tags |
| Inline-CSS minifizieren | Verkleinert den Inhalt von style-Elementen |
| Inline-Skripte kürzen | Entfernt Einrückungen in Skripten |
| Standard-type entfernen | Löscht type="text/javascript" und type="text/css" |
| Attribute aufräumen | Entfernt überflüssige Leerzeichen in Tags |
Wie viel bringt es?
Üblich sind 10–30 % weniger HTML, bei stark eingerückten Templates mehr. Mit gzip oder Brotli auf dem Server schrumpft der Unterschied, weil die Kompression Leerraum gut verarbeitet – minifizierte Dateien komprimieren aber trotzdem etwas besser und werden schneller geparst. Ein kleiner, kostenloser Gewinn neben größeren wie Bildkompression mit dem Bild komprimieren.
Warum Leerraum Vorsicht braucht
Ein Leerzeichen zwischen Inline-Elementen ist sichtbar: `<b>fett</b> <i>kursiv</i>` zeigt einen Abstand. Dieser Minifier lässt zwischen Inline-Elementen ein Leerzeichen stehen und entfernt nur Leerraum an Block-Elementen wie div, p, li oder Tabellenzellen. Leerraum in pre und textarea bleibt unberührt.
Wann minifizieren?
Als letzten Schritt vor dem Deployment – die lesbaren Quelldateien behältst du zum Bearbeiten. Viele Build-Tools und CMS-Plugins erledigen das automatisch; dieses Tool eignet sich für statische Seiten, E-Mail-Templates, Landingpages und zum Nachvollziehen der Änderungen. Teste die minifizierte Seite immer.
Verwandte Tools
Stylesheets verkleinert der CSS-Minifier und -Formatierer, JSON formatiert der JSON formatieren, Markdown wandelt Markdown in HTML umwandeln um, und URLs kodiert URL kodieren / dekodieren. Dein Code bleibt im Browser.
Diese kostenlosen Tools könnten dir auch helfen: JSON formatieren, Passwort-Generator und Regex-Tester.
Häufige Fragen
Was macht ein HTML-Minifier?
Er entfernt Kommentare, überflüssigen Leerraum und unnötige Attribute, damit die Datei kleiner wird.
Ist minifiziertes HTML sicher?
Ja, mit sicheren Einstellungen. pre, textarea, script und style bleiben geschützt, Abstände zwischen Inline-Elementen bleiben erhalten.
Wie viel kleiner wird mein HTML?
Meist 10–30 %, je nach Einrückung und Kommentaren.
Hilft HTML-Minifizierung bei SEO?
Indirekt: Kleinere Seiten laden schneller, was den Core Web Vitals hilft.
Wird mein Code hochgeladen?
Nein. Alles läuft im Browser.
Zuletzt aktualisiert: