Pagespeed Optimierung

Viele fragen sich wie ich auf dieser Seite einen google pagespeed von 100 Punkten erreicht habe (HINWEIS: Da ich die Seite auf einen neuen Server umgezogen habe und diese zur Zeit umbaue, wird der Pagespeed erst wieder auf 100 sein, sobald ich fertig bin.). Alles möchte ich nicht verraten, allerdings verrate ich dir im folgenden ein paar Anhaltspunkte mit denen du deine Webseite auf Vordermann bringen kannst.

Die Anfänge einer Pagespeed-Optimierung lassen sich leicht mit Hilfe von wenigen Suchanfragen bei Google umsetzen, deswegen gehe ich auch nicht auf alle Punkte ein. Was ich hier schreibe sind einige Tipps, die man entweder nicht so schnell oder gar nicht findet.
Trotzdem sind diese Tipps sowohl für Anfänger als auch für Profis geeignet um die Ladezeiten einer Webseite zu minimieren. Eine Optimierung lässt sich auf jeden Fall damit erzielen!

Vorab: Man optimiert eine Seite für den Besucher (Ladezeit) und nicht für die Punktzahl die Google vergibt! Allerdings sollte auch die Punktzahl nicht vernachlässigt werden und mindestens im gelben Bereich liegen.

Ich analysiere kostenlos Ihre Webseite!

Klingt gut oder?
Alles was Sie tun müssen, ist den Button klicken und das Formular ausfüllen.

Installation eines Caching Plugins (WordPress)

Auf dieser Seite habe ich Wp-Rocket im Einsatz. Dieses Plugin ist meiner Meinung nach das stärkste und bietet die meisten Einstellungsmöglichkeiten mit dem besten Ergebnis. Alternativ kann ich kein anderes empfehlen, da man mit ein wenig angepassten Code die Komprimierung und das Caching der Javascript und CSS Dateien ebenfalls erreichen kann. Wer sich das Plugin nicht kaufen möchte, kann auf jeden Fall ein gleich gutes Ergebnis erreichen. Alles was man machen muss, ist die .htaccess anzupassen.
Da nicht jeder Kunde versteht was Ladezeiten einer Webseite sind und warum man für ein Plugin Geld ausgeben soll, ist es wichtig eine Webseite auch ohne Plugin optimieren zu können!

Für die Anfänger unter euch:
Kauft euch Wp-Rocket und testet die verschiedenen Einstellungen, bis ihr ein akzeptables Ergebnis erreicht und probiert dann erst weitere Tipps umzusetzen.

Für die Fortgeschrittenen und Profis:
Kauft euch Wp-Rocket (Das nimmt euch Arbeit ab) oder verzichtet einfach drauf und regelt alles über die .htaccess. Was anderes tut das Wp-Rocket Plugin auch nicht.

Caching und Komprimierung über htaccess

Über Google finden Sie viele Codeschnippsel, die Sie in Ihre htaccess eintragen könnt um gzip, Caching usw zu aktivieren. Der Nachteil dabei ist, das die Codeschnippsel angepasst werden und meistens nicht „ready to use“ sind. Wenn Sie ein bisschen von der Materie verstehen, sollten Sie das easy hinbekommen.
Wenn ich ein Caching-Plugin benutze, welches die .htaccess bearbeitet, dann passe ich im Nachhinein trotzdem die .htaccess an um das optimale Ergebnis zu bekommen.

Plugins und Templates

Wenn du ein gut programmiertes Template benutzt, ist das schon die halbe Miete! Außerdem solltest du auf so wenige Plugins zurückgreifen wie möglich! Nicht genutzte Plugins sollten gelöscht und selten benutzte nur bei Nutzung aktiviert werden. Je mehr Plugins aktiviert sind, desto schwieriger die Optimierung!
Ich lese immer wieder, dass Leute nachfragen welches Plugin sie benutzen sollen um eine Tabelle darzustellen oder womit sie eine farbige Infobox erstellen können. Für viele kleine Dinge helfen die einfachsten CSS-Schnipsel weiter!

Bilder optimieren

Google und der Besucher Ihrer Seite lieben optimierte Bilder und Grafiken.
Warum?
Weil diese schneller geladen werden!
Ich benutze die Premiumversion von tinypng.com. Damit lassen sich alle Bilder und Grafiken verlustfrei bis zu 80% komprimieren. Die Premiumversion erlaubt es unzählige Dateien auf einmal zu optimieren. Für den Anfang genügt auch die kostenlose Version.

Geben Sie diese wichtige Aufgabe in die richtigen Hände!

Profitieren Sie von meiner jahrelangen Erfahrung, damit Ihre Webseite zur Rakete wird.

Mehr Infos (Hier klicken!)

Probleme mit externen Skripten

Das größte Problem verursachen externe Sachen wie z.B der Google-Analytics Code, der für den Google Tag-Manager, Facebook uvm. Auf externe Dateien haben Sie keinen Einfluss und somit können Sie diese nicht komprimieren. Auch Plugins können externe Inhalte einbinden. Wählen Sie Ihre Plugins also sorgfältig aus!

Wenn ich auf dieser Seite Google Analytics einbinde habe ich nur noch einen 99/100 Score. Google hat die Ablaufzeit des Caching der Datei zu niedrig eingestellt und bemängelt es bei der Ladezeit-Abfrage. Probiere es mal aus – Google wird dir Punkte abziehen und empfehlen die Ablaufzeit des Caching für seine eigene Datei zu erhöhen. Ziemlich dumm oder?

Lösung für Google Analytics

Benutzen Sie eine abgespeckte Version des Scripts von Google Analytics namens Ga-Lite. Dieses Script wurde für Page-Speed und optimales Browser-Caching entwickelt und optimiert. Es funktioniert sehr gut und lädt schneller als das originale von Google.

Der Code für Ga-Lite

Der Nebeneffekt:

Die Absprung-Rate kann nicht angepasst und Links können nicht getrackt werden. Dafür erhalten Sie den fehlenden Punkt! Also ich kann damit leben…

Tipp für Plesk-Nutzer

Wenn Sie die aktuellste Version von Plesk auf deinem Server installiert haben, können Sie sich die Erweiterung Google mod_Pagespeed kostenlos installieren. Diese hat auf einer Testseite eine sofortige Steigerung von über 40 Punkten und eine deutliche Senkung der Ladezeiten ausgemacht!