Page Speed

Tipps und Tricks zur PageSpeed Optimierung

Je schneller eine Webseite lädt, desto schneller sieht der Nutzer die Inhalte und desto schneller kann er auf der Webseite agieren. Somit ist eine schnelle Ladezeit (Performance) einer Webseite gut für den Besucher der Webseite, den Webmaster und auch für Suchmaschinen. Warum? Eine schnelle Ladezeit einer Webseite kann die Conversion-Rate erhöhen (Vorteil für den Webmaster und den Besucher).

Die wichtigsten Ziele bei der Page Speed Optimierung sind Reduzierung und Optimierung der ladenden Bilder, Reduzierung der Datenmenge die für das Anzeigen der Webseite in einem Browser notwendig ist und damit eine einhergehende Optimierung aller CSS-, JavaScript- und PDF-Dateien, sowie eine Minimierung der HTTP-Requests.

Ranking-Faktor Page Speed:
Da der Fokus auf die Optimierung der Ladezeiten der Webseiten von der Suchmaschine google stammt (bzw. diese es populär gemacht hat), kann man davon ausgehen das der Page Speed ein fest stehender Ranking Faktor ist und damit auch einen Einfluss auf die Ergebnisse innerhalb der Suchabfragen besitzen.

CSS optimieren Eine CSS Datei biete viele Ansatzpunkte für eine Optimierung. Remove unused CSS Minify CSS CSS Sprites nutzen CSS und GZIP

Code optimieren Der Quellcode gibt oft Spielraum zur Performance-Optimierung. Minify HTML GZIP verwenden CSS kombinieren JS kombinieren

Google Page Speed Score

Mit dem Google Page Speed Tool steht Webmastern eine Möglichkeit zur Verfügung um die Geschwindigkeit einer Webseite, bezogen auf viele Kriterien, messen zu können. Dabei wird nicht nur die Ladezeit, einer Webseite, ansich gemessen und mit dem Google Page Speed Score von 1 bis 100 Punkten dargestellt. Alle Page Speed Kriterien werden bei einer Analyse durchlaufen, ausgewertet und mit Punkten bewertet. Zum Abschluss wird der Google Page Speed Score ausgegeben.

Wenn alle Analysepunkte mit einem grünen Pfeil versehen sind, dann besteht kein weiterer Optimierungsbedarf für die entsprechende Webseite. Die Webseite ist dann bezogen auf den PageSpeed optimiert!

Page Speed Suggestions (Anregungen/Hinweise)

Informationen und Lösungsvorschläge zu den einzelnen Hinweisen der Page Speed Analyse findet Ihr unter dem Punkt Tipps zur Page Speed Optimierung.

Aktuelles und Neues zum Thema PageSpeed

• CSS Dateien zusammenfassen – Zusammenfassen mehrer CSS-Dateien zu einer mittels einer PHP-Datei
• Web Performance – Kleines Tutorial zum Thema Web Performance
• Ladezeit anzeigen – Mit diesem Script kann die Ladezeit einer Webseite angezeigt und ausgegeben werden.
• JavaScript später parsen – Um diesen Page Speed Analyse Punkt zu lösen, gibt es einige Herangehensweisen.
• @import in CSS vermeiden – In der Page Speed Analyse wird stellenweise der Fehler “@import in CSS vermeiden” angezeigt. Um dieses Problem schnell abzustellen gibt es zwei unterschiedliche Lösungsansätze.
• CSS in den Dokumentkopf – Alle CSS-Dateien sollten in dem HEAD-Bereich einer Webseite geladen werden.
• Anfragenzeichenfolgen aus statischen Ressourcen entfernen – Ressourcen sollten ohne ein Anfragezeichen, wie etwa “?”, in der URL geladen werden, damit diese Ressource auch in den Cache geladen werden kann.
• pingdom.com Load Time Tool – Online-Tool um die Ladezeit einer Webseite zu analysieren, inkl. umfangreichen Ergebnissen
• Neue Tipps hinzugefügt:
  Templates und Datenbankabfragen
  Anforderungsgröße minimieren
  Reihenfolge der Formate und Skripts optimieren
  Fehlerhafte Anforderungen vermeiden