Mit einem Blog Relaunch von 17 auf 97 PageSpeed

Dass die Geschwindigkeit bei Google ein Rankingfaktor ist, ist bereits seit einiger Zeit bekannt. Klar ist auch, wenn die Seite zu lange lädt, springen ungeduldige Besucher ab und erzeugen weitere schlechte Signale für die Suchmaschine.

Höchste Zeit, der optimalen Ladezeit der Website, mehr Beachtung zu schenken.

Blog Relaunch – inklusive Umzug der Inhalte

In folgendem Showcase wurde für die Messenger Marketing Conference der Blog einem Relaunch unterzogen.

Der alte Blog basierte auf einer Wordpress Installation und dem Theme: Eplano – Event and Conference WordPress Theme 

Ein thematisch passendes Theme bietet sich für eine Konferenz natürlich an, wenn die Keyfacts jedoch nicht passen, ist das ungut.

Mit dem Blog Relaunch wurden demzufolge alle Blog-Inhalte sowie die Blog-Übersicht auf eine Subdomain umgezogen. Dazu wurde die Subdomain magazin.messenger-marketing-conference.de mit dem Blog-System von Chimpify verbunden.

Auf der Startseite und in der Navigation sieht alles beim alten aus, nur dass die Weiterleitung nun auf die Magazin-Seite läuft.

Das Chimpify für eine optimale Ladezeit der Website steht, haben wir ja bereits an einer anderen Stelle hier im Blog präsentiert und das aktuelle Projekt beweist das wieder einmal.

PageSpeed Vergleich – Vorher vs Nachher beim Blog Relaunch

Um einen Relaunch eines Blogs bewerten zu können, müssen einzelne KPIs bestimmt werden. Der PageSpeed ist dabei der naheliegendste Faktor, da sich dieser exakt nach dem Relaunch bestimmen lässt.

Weitere Faktoren, die sich über eine gewisse Zeit bewerten lassen sind:

• Aufenthaltsdauer der Besucher
• Absprungrate neue Besucher
• Conversion einer Call to Action

In unserem Fall betrachten wir daher nur den Wert der Seitengeschwindigkeit, der sich dann auch auf eine bessere Usability für den Leser auswirkt.

Alte Website – Wordpress

Die Werte für die alte Website sehen so aus:

• Mobil: Nach einem Check der Geschwindigkeit mit dem PageSpeed Insights Tool von Google ergab sich ein Wert von 17 für die Blog-Unterseite auf mobilen Geräten.
• Desktop: Bei der Desktop-Variante ist der Wert nochmals besser und beträgt 54

Um das einzuordnen, 100 ist bei der Geschwindigkeit der beste Wert.

Neue Website – Chimpify

Die neuen Werte sind im Vergleich um Welten besser:

• Mobil: Es ergibt sich ein Wert von 97 – das bedeutet eine Steigerung um 470 Prozent
• Desktop: Der Wert ist noch besser und pendelt sich auch bei mehrmaligem Testen bei 100 ein. Das ist eine Verbesserung von 85 Prozent

Aus was setzt sich die PageSpeed Insights Analyse zusammen?

Bei der Messung mit dem Google Tool werden unterschiedliche Angaben gemacht. Um das besser nachvollziehen zu können, schauen wir uns die Werte einmal im Detail an.

Verstehen der Labdaten

Hierbei geht es um Geschwindigkeitswerte, die von Google während der Messung erhoben werden. Es sind alles Angaben in Sekunden oder Millisekunden.

• Erste Inhalte gezeichnet: Hier wird gemessen, wann das erste Bild oder Text angezeigt wird.
• Inhalte weitgehend gezeichnet: Hier wird gemessen, wann die Hauptinhalte der Seite zu sehen sind.
• Geschwindigkeitsindex: Dieser Wert ist eine Angabe, wann der gesamte Inhalt deiner Website vollständig angezeigt wird.
• Erster CPU-Leerlauf: Dabei handelt es sich um einen technischen Wert, ab wann die Seite bereit für Eingaben ist.
• Zeit bis Interaktivität: Dieser Wert ist eine Messung, wann die Seite vollständig für Interaktion bereit steht.
• Maximale potenzielle erste Eingabelatenz: Das ist eine Schätzung, wie schnell bei höchster Auslastung auf eine Eingabe reagiert werden kann.

Zudem wird der Ladezustand der Website im PageSpeed Tool mit verschiedenen Screenshots grafisch dargestellt.

Empfehlungen zur Beschleunigung der Seite

Als nächstes widmet sich Google den Möglichkeiten, die die Website schneller machen können. Hierbei handelt es sich um viele technische Verbesserungen, die als normaler Anwender nicht ohne weiteres umzusetzen sind.

Was machbar ist der Umgang mit Bildern. Hier bemängelt Google beispielsweise sowohl in der alten, wie auch in der neuen Version, dass die Bilder in modernen Formaten bereits gestellt werden sollen und dass die Bilder richtig dimensioniert sein sollen.

Um sich nicht mit der technischen Optimierung auseinander setzen zu müssen bietet sich ein All-in-one Tool wie Chimpify an, da die Technik hier von den Entwicklern übernommen und immer wieder verbessert wird.

Diagnose der Seite

Auch bei den Diagnose-Werten ist vieles sehr technisch und sollte wenn dann von einem Profi optimiert werden.

Wenn du den kleinen Haken neben dem Ergebnis drückst, kannst du zusätzliche Erklärungen und Lösungsmöglichkeiten von Google aufklappen.

Bestandene Prüfungen

In der Regel schafft jede Website auch ein paar Tests zu bestehen. Diese sind in der Regel versteckt, da es bei der Optimierung eher auf die Verbesserung der Probleme ankommt.

Für ein ganzheitliches Verständnis lohnt es sich allerdings auch diese Werte einmal anzusehen.

Fazit: PageSpeed ist wichtig, reicht aber nicht alleine aus

Insgesamt lässt sich auf jeden Fall sagen, dass die Geschwindigkeit deiner Website ein ganz wichtiger Faktor ist. Es gibt ein paar Punkte, die du selbst verbessern und dafür sorgen kannst, dass deine Seite schnell ist.

Andere Optimierungen müssen von einem Profi übernommen werden oder du entscheidest dich wie ich für ein Software as a Service Tool für deine Website.

Damit ist die technische Entwicklung komplett ausgelagert und du kannst dich auf die Inhalte konzentrieren.

Wie schnell ist deine Website? Mach doch gleich mal hier den Test.