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.
Handy Tool Lab
So wird dieses Tool gepflegt
Handy Tool Lab entwickelt und testet jedes Tool mit reproduzierbaren Beispielen. Formelbasierte Tools nutzen veröffentlichte Quellen, sofern eine geeignete Referenz vorhanden ist; Browser-Tools werden mit repräsentativen Ein- und Ausgaben geprüft.