Pagespeed optimieren München

Text-to-Code-Ratio

• Die Text-to-Code-Ratio hat einen gewissen Einfluss auf das Ranking, weshalb der HTML-Code immer so effektiv und schlank wie möglich gestaltet sein sollte und eine möglichst hohe W3C-Validität aufweisen sollte. JavaScripts und Stylesheets sollten daher prinzipiell ausgelagert werden, was sich auch wiederum positiv auf die Pagespeed Optimierung auswirkt.
• Die Texte sollten lange genug sein um Nutzern und Google einen Mehrwert im Vergleich zu den Wettbewerbern zu bieten. Wir empfehlen die Textrate auf etwa 25 % erhöhen. Dabei ist darauf zu achten, dass der Text verständlich geschrieben ist, Formatierungen wie Aufzählungen oder Fettungen verwendet werden und den Usern ein echter Mehrwert geboten wird.

Größe des HTML-Codes

• Idealerweise beinhaltet die Navigation einer Website direkte Links auf alle Haupt- und ggf. auch Unterbereiche. Je mehr Bereiche eine Website umfasst, desto umfangreicher wird aber auch die Navigation, was sich unter Umständen in einem großen Code-Block niederschlägt. Da das Verhältnis von Code zu tatsächlichem Inhalt aber einen geringen Einfluss auf das Ranking hat, muss hier im Zweifelsfall ein vernünftiges Mittelmaß gefunden werden. Durch Komprimierung des Quellcodes kann die Ladegeschwindigkeit des Browsers beschleunigt werden.

Reihenfolge der Ladezeiten

• Beim Laden von verschiedenen Elementen sollte eine logische Reihenfolge beachtet werden. Es empfiehlt sich die ausgelagerten Stylesheet Elemente am Seitenanfang nach den Meta-Angaben unterzubringen. Die externen Java Scripte sollten erst am Ende der Website geladen werden. Hier ist allerdings zu beachten, dass es bei manchen Scripten unumgänglich ist, sie am Seitenanfang, nach den CSS-Dateien, zu laden. Javascript wird bereits im Bereich der Webseite geladen. Wichtig: Alle CSS Dateien noch vor JavaScript laden.

Browser Caching für statische Elemente

• Für die verschiedenen Gruppen an Dateitypen sollte eine Aufbewahrungsfrist im Browsercache festgelegt werden. Dateien, die sich weniger häufiger ändern, sollten dabei eine sehr lange Zeitspanne bekommen, wobei andere Elemente, die sich häufiger ändern und neu geladen werden müssen, eine kürzere Zeitspanne haben sollten. Die Lebensdauer sämtlicher Caching-Ressourcen sollte laut Google mindestens eine Woche betragen. Für Widgets oder Werbeanzeigen von Drittanbietern sollten Sie die Cache-Lebensdauer für mindestens einen Tag eintragen. Es gilt die Empfehlung:
  Für Expires mindestens eine Woche festlegen, gegebenenfalls bis zu einem Jahr. Verwenden Sie Expires statt Cache-Control: Max-age, da es besser unterstützt wird. Ein längerer Zeitraum als ein Jahr verstößt gegen die RTC-Richtlinien und ist nicht erlaubt. Aufbewahrungsfrist für Dateien, die sich selten ändern, einführen, um die Ladezeit zu verkürzen.

Keep-Alive-Header

• Wenn mehrere Objekte über die gleiche Domain geladen werden, um die Website darzustellen, empfiehlt es sich den „Keep-Alive“ Befehl in den Webserver-Einstellungen zu aktivieren. Dadurch wird solange eine Verbindung zum Webserver aufrechterhalten, bis alle Elemente geladen sind und zwischendurch nicht unterbrochen. Dadurch muss der Ladevorgang nach jedem abgeschlossenen Objekt nicht gleich unterbrochen und beim nächsten Element wiederaufgenommen werden. Als Voraussetzung muss auch der Connection-Header gesetzt sein. Bei Nutzung von vom neuen Standard HTTP2 werden die Connection und Keep-Alive Header jedoch ignoriert und andere Maßnahmen eingesetzt. Der „Keep-Alive“ Befehl sollte in den Webserver-Einstellungen aktiviert werden.

Bilder komprimieren

• Auf der einen Seite möchte man seine Website interessant und optisch ansprechend gestalten, auf der anderen sollten dadurch die Ladezeiten nicht negativ beeinflusst werden. Hochwertige Fotos verursachen oft lange Ladezeiten. Das Komprimieren von Bildern ist daher extrem sinnvoll, denn je kleiner die Bilddateien sind, desto schneller lädt eine Website. Wichtig ist zudem, dass die Bildgröße in Pixel im HTML-Code hinterlegt werden, damit sie der Crawler lesen und einordnen kann. Die Abmessungen eines Bildes können problemlos mit jedem Grafikprogramm angepasst werden.

HTTP/2

Die Umstellung der Webseite auf HTTP/2 kann die Ladezeiten ebenfalls verkürzen. Mit HTTP/2 wird die Übertragung im Internet beschleunigt. Das Protokoll wird mittlerweile von allen großen Browsern unterstützt. HTTP/2 hat den großen Vorteil, dass hierdurch mehrere Anfragen (wie z.B. CSS-Dateien) gleichzeitig über eine einzige TCP-Verbindung gesendet und übertragen werden können.

Serverauslastung

Auch ein veralteter Server kann zu schlechten Pagespeed-Werten führen. Ein guter Server muss auch mit Spitzen umgehen, z.B. wenn zu einer Sale-Aktion viele Besucher gleichzeitig auf Ihre Seite klicken. Ist eine Webseite zu langsam, verringert auch Google seine Anfragen und crawlt weniger Seiten, um den Server nicht zu überlasten. Für gute Rankings ist es wichtig, dass Google Ihre Seiten problemlos und schnell crawlen kann.