Eingabe
HTML einfügen
Bereit zur HTML-Verarbeitung.
Entwicklerwerkzeug
HTML-Minifier
HTML komprimieren und dabei leerraumsensible Inhalte schützen, Größen vergleichen, Warnungen prüfen und beide Versionen vor der Bereitstellung lokal anzeigen.
HTML einfügen, um Ausgabegröße und Ersparnis zu berechnen.
Original0 B
Ausgabe0 B
Gespart0 B
Entfernte Kommentare0
Ausgabe
Komprimiertes oder formatiertes HTML
Sicherheitsprüfungen
HTML-Struktur und Optimierungshinweise
HTML einfügen, um Ausgabegröße und Ersparnis zu berechnen.
Isolierter Vergleich
Quell- und Ausgabevorschau
Quelle
Ausgabe
Beide Vorschauen haben keine Skriptrechte. Eine nur für die Vorschau verwendete strenge CSP blockiert außerdem Netzwerkanfragen, ohne die Ausgabe zu verändern.
Beispiele
HTML-Komprimierungsbeispiele
Referenz der Komprimierungsoptionen
| Option | Standard | Wirkung | Risiko |
|---|---|---|---|
| Kommentare entfernen | Ein | Entfernt normale HTML-Kommentare und behält gewählte Sonderkommentare. | Gering, wenn bedingte und Lizenzkommentare erhalten bleiben. |
| Attribute vereinfachen | Ein | Entfernt redundante MIME-Typen und reduziert boolesche Attribute sicher. | Gering für modernes HTML; Werte in Anführungszeichen werden ohne globale Ersetzung geparst. |
| Inline-CSS komprimieren | Ein | Komprimiert Style-Blöcke und -Attribute und behält /*! license */-Kommentare. | Alte CSS-Hacks und komplexe Deklarationen prüfen. |
| Leere class/id entfernen | Aus | Entfernt nur leere class- und id-Attribute. | Kann Skripte beeinflussen, die die Attributanwesenheit prüfen. |
| Gesamten Tag-Leerraum entfernen | Aus | Verbindet benachbarte schließende und öffnende Tags ohne Leerraum. | Kann Inline-Inhalte verbinden und das Layout ändern; visuell testen. |
Häufige Fragen zum HTML-Minifier
Lädt dieser HTML-Minifier meinen Code hoch?
Nein. Tokenisierung, Komprimierung, Formatierung, Statistik, Vorschau, Kopieren und Downloads laufen lokal.
Warum behält der konservative Modus Tag-Abstände?
Leerraum zwischen Inline-Elementen kann sichtbar sein. Ein Abstand ist sicherer als das pauschale Verbinden benachbarter Tags.
Welche Inhalte werden geschützt?
Pre-, textarea-, code-, script-, style-, template-, SVG- und MathML-Blöcke behalten internen Leerraum. Styles werden nur bei aktivierter Option komprimiert.
Ersetzt dies einen Minifier im Build-Prozess?
Es eignet sich für Ausschnitte und Einzeldateien. Produktion sollte einen getesteten Projekt-Minifier verwenden und Quellen sowie Versionskontrolle behalten.