Bricht die Minifizierung mein Inline-JavaScript oder -CSS?

Die Minifizierung erhält bedeutsamen Whitespace in Strings, Template Literals und Regex. Die Inline-JS- und -CSS-Minifier achten ebenfalls darauf. Wenn Sie ASI-empfindlichen Code haben, lassen Sie Minify Inline JS aus und reduzieren Sie nur den Whitespace.

Was entfernt Remove Optional Tags genau?

Tags, die der Standard wegfallen lässt, weil der Parser sie ergänzt: vor dem nächsten , vor einem Block-Element, , , sogar die Öffnungs-Tags von und . Browser lesen es gleich, manche alten Tools meckern.

Gzip komprimiert doch schon — ist Minifizieren überflüssig?

Gzip bringt viel, vorher zu minifizieren liefert aber meist weitere 5 bis 10 Prozent, weil Gzip Inhalte nicht umordnet und redundante Tokens nicht entfernt. Die kombinierte Größe erreicht den Browser und prägt den TTFB.

Bleibt das minifizierte HTML W3C-konform?

Mit Standardoptionen ja. Remove Optional Tags erzeugt weiterhin gültiges HTML5, denn der Standard erlaubt das Weglassen ausdrücklich. Brauchen Sie strenges XHTML, lassen Sie die Option aus.

Kann ich die Minifizierung rückgängig machen?

Nicht vollständig. Whitespace, Kommentare und optionale Tags sind nach dem Entfernen weg. Die eingebaute Schaltfläche Formatieren rückt den Code wieder ein, damit er lesbar wird, holt aber weder das originale Layout noch die entfernten Kommentare zurück. Halten Sie die Quelldatei separat vor.

HTML-Minifier

HTML-Code minifizieren, um die Dateigröße zu reduzieren

Ursprüngliches HTML

685 Zeichen · 36 Zeilen

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Page</title>
  <style>
    body {
      margin: 0;
      padding: 16px;
      font-family: sans-serif;
    }
    .container {
      max-width: 960px;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <!-- Main content area -->
  <div class="container">
    <h1>Hello, World!</h1>
    <p>
      This is a sample HTML page with
      extra whitespace, comments, and
      inline styles to demonstrate minification.
    </p>
  </div>

  <script>
    // Initialize the page
    document.addEventListener('DOMContentLoaded', function() {
      console.log('Page loaded');
    });
  </script>
</body>
</html>

Füge einen Direktlink zu einer HTML-Seite ein. Setzt CORS-fähige Server voraus.

Einstellungen

Automatisch minimieren

Voreinstellungen

Leerzeichen reduzierenKommentare entfernenOptionale Tags entfernenInline-CSS minimierenInline-JS minimierenBoolesche Attribute kürzenÜberflüssige type-Attribute entfernen

Was ist HTML-Minifier?

Ein HTML-Minifier entfernt unnötige Leerzeichen, Kommentare, optionale Tags und redundante Attribute aus HTML-Code. Dies reduziert die Dateigröße und verbessert die Seitenladezeit, was sich direkt auf Core-Web-Vitals-Werte und Suchrankings auswirkt.

Der Minifier zieht Whitespace zusammen, entfernt HTML-Kommentare, optional auch verzichtbare Schluss-Tags wie </li> und </body>, und schickt inline <style>- und <script>-Blöcke durch CSS- und JS-Minifier. Die Ausgabe ist funktionsgleich, aber typisch 20 bis 40 Prozent kleiner und senkt damit LCP-Zeiten in Mobilfunknetzen.

Anleitung

Schritt 1 — Fügen Sie Ihren HTML-Quellcode in das Eingabefeld ein.
Schritt 2 — Konfigurieren Sie Optionen: Leerzeichen zusammenfassen, Kommentare entfernen, optionale Tags entfernen, eingebettetes CSS/JS minifizieren.
Schritt 3 — Kopieren Sie das minifizierte HTML oder laden Sie es als Datei herunter. Überprüfen Sie den Prozentsatz der Größenreduzierung.

Wann verwenden

Server-gerenderte Seiten, bei denen kein Build-Step verfügbar ist, der HTML-Response aber kleiner werden soll.
HTML-Vorlagen für E-Mails, wo jedes Kilobyte zählt, weil Clients Nachrichten über 102 KB abschneiden.
HTML-Snippets in mobilen Apps oder PDFs einbetten, wo Paketgröße direkt in Downloadzeit umschlägt.

Ergebnis

Ihr 48-KB-Homepage-HTML schrumpft nach der Minifizierung auf 31 KB — eine Reduktion von 35 %, die die Ladezeit bei 3G-Verbindungen um 50 ms verkürzt.

Häufige Fragen

Bricht die Minifizierung mein Inline-JavaScript oder -CSS?: Die Minifizierung erhält bedeutsamen Whitespace in Strings, Template Literals und Regex. Die Inline-JS- und -CSS-Minifier achten ebenfalls darauf. Wenn Sie ASI-empfindlichen Code haben, lassen Sie Minify Inline JS aus und reduzieren Sie nur den Whitespace.
Was entfernt Remove Optional Tags genau?: Tags, die der Standard wegfallen lässt, weil der Parser sie ergänzt: </li> vor dem nächsten <li>, </p> vor einem Block-Element, </tr>, </td>, sogar die Öffnungs-Tags von <html> und <body>. Browser lesen es gleich, manche alten Tools meckern.
Gzip komprimiert doch schon — ist Minifizieren überflüssig?: Gzip bringt viel, vorher zu minifizieren liefert aber meist weitere 5 bis 10 Prozent, weil Gzip Inhalte nicht umordnet und redundante Tokens nicht entfernt. Die kombinierte Größe erreicht den Browser und prägt den TTFB.
Bleibt das minifizierte HTML W3C-konform?: Mit Standardoptionen ja. Remove Optional Tags erzeugt weiterhin gültiges HTML5, denn der Standard erlaubt das Weglassen ausdrücklich. Brauchen Sie strenges XHTML, lassen Sie die Option aus.
Kann ich die Minifizierung rückgängig machen?: Nicht vollständig. Whitespace, Kommentare und optionale Tags sind nach dem Entfernen weg. Die eingebaute Schaltfläche Formatieren rückt den Code wieder ein, damit er lesbar wird, holt aber weder das originale Layout noch die entfernten Kommentare zurück. Halten Sie die Quelldatei separat vor.

HTML-Minifier

Ursprüngliches HTML

Einstellungen

Was ist HTML-Minifier?

Anleitung

Wann verwenden

Ergebnis

Häufige Fragen

Ähnliche Tools

Generator für strukturierte Daten

Webseite als PDF

Datenschutzerklärung-Generator

AGB-Generator

Cookie-Einwilligungs-Generator

CSS-Minifizierer

HTML-Minifier

Ursprüngliches HTML

Einstellungen