HTML Formatieren und Minifizieren - lesbar oder klein
HTML formatieren und minifizieren
Was dieses Werkzeug leistet
Zwei entgegengesetzte Aufgaben am selben Text. Formatieren fügt Zeilenumbrüche und Einrückung hinzu, damit ein Mensch der Verschachtelung folgen kann; Minifizieren entfernt alles, was ein Browser nicht braucht. Beides arbeitet hier an den Zeichen, die Sie eingegeben haben, nicht an einem neu gebauten Dokument - heraus kommt weiterhin Ihr Markup.
So funktioniert es
- 1 Fügen Sie das HTML ein - eine ganze Seite oder nur ein Fragment.
- 2 Einrückung wählen, dann Formatieren oder Minifizieren.
- 3 Ergebnis kopieren oder zum Vergleich durch die andere Schaltfläche schicken.
Leerraum ist nicht immer nur Rauschen
Zwischen zwei Inline-Elementen ist ein einzelnes Leerzeichen sichtbarer Text: Entfernt man es, wird aus „eins zwei“ ein „einszwei“. Zwischen Block-Elementen bedeutet dasselbe Leerzeichen nichts. Der Minifier hier entfernt Einrückungen, behält aber ein trennendes Leerzeichen, wo es echte Arbeit leistet.
Warum pre und textarea unangetastet bleiben
Darin ist jedes Leerzeichen und jeder Zeilenumbruch Inhalt, den der Leser sieht. Einen Codeblock neu einzurücken würde stillschweigend ändern, was er anzeigt, und ein Textarea zu beschneiden den Wert, den ein Formular sendet. Dasselbe gilt für script und style: ihr Inhalt ist eine andere Sprache und wird unberührt durchgereicht.
Es formatiert, es repariert nicht
Werkzeuge auf Basis des Browser-Parsers reparieren kaputtes Markup stillschweigend: Sie schließen Ihre Tags, werfen verirrte weg und verschieben Elemente dorthin, wo die Spezifikation sie verlangt. Beim Debuggen ist das oft nicht erwünscht - der gesuchte Fehler kann genau das sein, was repariert wurde. Dieses Werkzeug formatiert den Text neu und lässt die Fehler dort, wo Sie sie sehen.
HTML zu minifizieren ist der kleine Gewinn
Leerraum aus einer Seite zu entfernen spart meist wenige Prozent, und gzip auf dem Server hätte das meiste ohnehin komprimiert. Das echte Gewicht liegt bei Bildern, Schriften und Skripten. Minifizieren Sie HTML, weil ein Template-Generator die Ausgabe unlesbar hinterlassen hat, nicht weil die Seite dadurch spürbar schneller wird.