ASP.NET: Content-Optimierung von Webseiten

Arbeitet man mit dem Visual Studio HTML-Editor, kommt man leicht in Versuchung zwecks Übersichtlichkeit und Handhabung den ein oder anderen Zeilenvorschub oder Tabstop mehr zu integrieren.

Viele Entwickler vergessen dabei allerdings, dass sich das natürlich auf die Content-Length einer Seite, also auf die Größe der vom Browser herunterzuladenden aspx-Datei, niederschlägt.

Wie man dennoch eine schöne Übersicht im Designer und zugleich einen kleineren Content hat, zeige ich euch jetzt:

Einfach eine neue Klasse (siehe Quellcode) implementieren. Die Klasse muss vom Typ Page abgeleitet sein. Wir überschreiben darin das eigentliche Rendern der Seite, und können somit Änderungen vornehmen, wie zum Beispiel überflüssige Tabs oder Leerzeichen zu entfernen.

Danach dann alle Webseiten im Code-Behind anstatt von Page von OptimizedBasePage ableiten, und schon sieht man im Quelltext-Editor des Browsers den Unterschied.

Quellcode anzeigen

using System.IO;
using System.Web.UI;

///

/// Summary description for OptimizedBasePage
///

public class OptimizedBasePage : Page
{
protected override void Render(HtmlTextWriter writer)
{
StringWriter stringWriter = new StringWriter();
HtmlTextWriter htmlWriter = new HtmlTextWriter(stringWriter);
base.Render(htmlWriter);

string html = stringWriter.ToString();
int StartPoint;
int SLength;
//remove some invisible characters to compress output
html = html.Replace("\t", "");// tabs
html = html.Replace(" ", " ");// double spaces
html = html.Replace(" />", "/>");// space before end of tags
StartPoint = html.IndexOf("<input type=\"hidden\" name=\"__VIEWSTATE\"");
if (StartPoint >= 0)
// does __VIEWSTATE exist?
{
SLength = html.IndexOf("/>", StartPoint) + 2 - StartPoint;
string ViewStateInput = html.Substring(StartPoint, SLength);
html = html.Remove(StartPoint, SLength);
int FormEndStart = html.IndexOf("</form>");
html = html.Insert(FormEndStart, ViewStateInput);
}
writer.Write(html);
}
}

Als kleiner, aber feiner, Nebeneffekt wird dadurch, dass wir den ViewState ans Ende der Seite packen, zudem auch noch hervorgerufen. Dies dient der besseren Indexierung der Webseite in Suchmaschinen.