HTML-Minifizierer & Verschönerer

HTML-Minifier & Beautifier komprimiert HTML-Dokumente, indem sie Kommentare entfernt und den Whitespace kollabiert, den Ihre Vorlagen und Redakteure hinterlassen - die Einrückung, Leerzeilen und Trailing-Leerzeichen, die Browser ignorieren, aber jeder Besucher lädt noch herunter. Das HTML-Dokument ist die allererste Ressource in jeder Seitenladung; nichts rendert, bis es eintrifft, so dass hier die Bytes zuerst inhaltsful paint und die Zeit auf die ersten byteangrenzenden Metriken direkter verschieben als fast jedes andere Asset. Server-gerenderte Seiten und Vorlagenausgaben verlieren routinemäßig 10–25% ihrer Größe.

Das kritische Detail in der HTML-Minifizierung ist das Wissen, was man nicht anfassen sollte. Dieses Tool maskiert den Inhalt von <pre>, <textarea>, <script> und <style>-Elemente, bevor er etwas anderes tut, und stellt sie danach wieder her. Angeführte Attributwerte bleiben genau erhalten, dh bedingte Kommentare können auch bei normalen Kommentaren beibehalten werden - die gleiche Disziplin, die ein Minifier für die Build-Zeit wie HTML-Minifier-Terser gilt.

Der Verschönerer macht das Gegenteil: Er nimmt minimierte oder unordentliche Markups und rückt ihn mit der Nesting-Aware-Struktur neu ein, wobei Inline-Elemente wie <span>, <a> und <strong> mit ihrem umgebenden Text fließen, anstatt jedes Tag auf seiner eigenen Linie zu explodieren. Alles läuft zu 100% clientseitig in Ihrem Browser - Ihr Markup wird niemals hochgeladen oder protokolliert. Daher sind verschrottete Seiten, CMS-Exporte und proprietäre Vorlagen sicher einzufügen, und das Tool funktioniert weiterhin offline.

Whitespace in HTML ist nicht immer unbedeutend, weshalb Pre, TextArea, Script und Style genau so bleiben, wie sie sind. Das Zusammenfallen eines Leerzeichens in einem Vorblock ändert das, was der Leser sieht, und das Zusammenfallen eines innerhalb eines Skripts kann ändern, was das Skript tut.