Beim Verbessern der Performance von Websites gibt es viele Ansätze. Eine Möglichkeit ist die Komprimierung des Html-Codes, da kleinere zu übertragende Webseiten den Server und Traffic weniger belasten.
So gibt es bereits seit langer Zeit die Möglichkeit der Komprimierung von Webseiten durch den Server. Dabei muss allerdings zwischen den Vor- und Nachteilen abgewogen werden, denn diese Form der Kompression belastet die CPU eines Servers zum Teil stark und bringt verschiedene Probleme beim Caching von Seiten mit sich.
Eine wesentlich unkompliziertere, allerdings nicht ganz so wirksame Möglichkeit ist das Entfernen von unnötigem Inhalt aus dem HTML-Code!
Um dem Menschen das Bearbeiten von Html-Seiten zu erleichtern wird der Code zeilenweise und mit sehr großen Einzügen erstellt. Als Folge bestehen einige Webseiten zu mehr als 30 Prozent aus Whitespace (Leerzeichen, Tab's, Zeilenumbrüche). Diese Datenmenge wird mit jedem Seitenaufruf als unnötiger Balast übertragen und verschwendet Speicherplatz beim Caching von Seiten.
Was ist zu tun?
Bei Beachtung einiger Regeln beeinflusst das Entfernen des Whitespace die Darstellung der Seite überhaupt nicht. Somit empfiehlt es sich, alle HTML-Inhalte, Javascript- und CSS-Dateien einer Site, nach Abschluss des Debugging, wenn keine Formatierung mehr nötig ist, zu bereinigen. Mit dem kostenlosen Kommandozeilen-Tool Denapp HtmlShrink können unnötige Zeichen aus einer Datei oder mehreren in einem Verzeichnis enthaltenen Dateien entfernt werden. Auf diese Weise lassen sich einige Dateien auf weniger als 70 Prozent ihrer Originalgröße reduzieren.
Denapp HtmlShrink ist auf Html- (.html, .aspx, .master, .cshtml usw.), Javascript- und CSS-Dateien anwendbar. So können auch ASP.Net Masterseiten im Vorfeld geschrumpft und durch den Webserver schneller bearbeitet und ausgeliefert werden. Entfernt wird unnötiger Whitespace, wie Zeilenumbrüche und multiple Leerzeichen ausserhalb von HTML-Tag's. Innerhalb von HTML-Tag's werden nur Zeilenumbrüche entfernt, die restlichen Angaben bleiben unverändert. Im Gegensatz zu Html-Dateien werden bei Javascript- und CSS-Dateien auch Kommentare entfernt.
Bei der Verwendung von Denapp HtmlShrink muss jedoch eine wichtige Einschränkung beachtet werden. Wenn im Html-Editor Zeilenumbrüche zur Formatierung innerhalb eines Absatzes einfügt werden, ist es nötig vor dem Zeilenumbruch ein Leerzeichen anzugeben wenn dies gewollt ist, da HtmlShrink nach einem Zeilenumbruch alle folgenden Whitespaces bis zum nächsten Textzeichen entfernt und demzufolge zwischen den betroffenen Wörtern kein Leerraum vorhanden wäre!
Razor
Zusätzlich ist beim Bearbeiten von Razor-Dateien (.cshtml u.a.) darauf zu achten, dass die Syntax '@:' zum markieren von Text nicht verwendet werden kann, da alle nachfolgenden Zeichen bis zum nächsten Zeilenumbruch als Text behandelt werden. Benutzen Sie stattdessen das <text> Tag. Nach der schließenden, geschweiften Klammer einer @section muss ein Leerzeichen vor einem Zeilenumbruch angehängt werden, wenn danach eine weitere @section folgt. Eine @model Definition sollte an das Ende der Datei positioniert werden. (Die Razor Engine kommt aus dem Tritt, wenn kein Leerzeichen zwischen @sections oder kein Zeilenumbruch, alternativ Dateiende, nach einer @model Definition enthalten ist.)
Denapp HtmlShrink hat nicht das Ziel HTML-Code zu optimieren! Es werden keine Änderungen in Form des Austauschs oder Weglassens von Tag's vorgenommen, sondern lediglich nicht benötigte Zeichen entfernt. Eine Überprüfung der Eingabedateien findet nicht statt, der Original-Code sollte deshalb frei von Syntaxfehlern sein.
Sinnvollerweise sollte die Bereinigung nicht an den Originaldateien durchgeführt werden, denn die nächste Änderung kommt bestimmt. Vielmehr empfiehlt es sich, die zu veröffentlichenden Kopien vor dem Hochladen auf den Webserver zu schrumpfen.
Zur Ausführung werden Parameter für den Pfad der / des zu schrumpfenden Datei / Verzeichnisses und beim Bearbeiten eines Verzeichnisses die Erweiterungen der zu schrumpfenden Dateien angegeben.
Beispiele für die Kommandozeile
Das folgende Beispiel komprimiert die Datei 'Theme.css' im Verzeichnis 'C:\Published':htmlshrink.exe /target:"C:\Published\Theme.css"
Das folgende Beispiel komprimiert alle Dateien mit den Erweiterungen '.aspx', '.ascx', '.master', '.cshtml', '.css' oder '.js' im Verzeichnis 'C:\Published' und untergeordneten Verzeichnissen:htmlshrink.exe /target:"C:\Published"
/.aspx /.ascx /.master /.cshtml /.css /.js
Download Denapp HtmlShrink.
Mit komprimierten HTML-Seiten sparen Sie nicht nur eine ganze Menge Geld, sondern bieten dem Surfer auch eine schnellere Website an. Ob die beschriebene Verschlankung ausreicht oder evtl. zusätzliche Komprimierung durch den Server aktiviert werden muss, ist von Fall zu Fall verschieden. Das Entfernen des Whitespace ist in jedem Fall der einfachste, billigste und unkomplizierteste Weg eine Website leistungsfähiger zu gestalten!