StarsMedia Logo

11-Punkte Checkliste: Google Page Speed Test 100/100

Mit viel digitaler Liebe erstellt von Starsmedia.com

Bei der Suchmaschinenoptimierung (SEO) geht es darum, Glaubwürdigkeit bei Google aufzubauen. Eine Möglichkeit, wie wir eine Beziehung zu Google aufbauen, ist die Optimierung der Seitengeschwindigkeit.

Die Seitengeschwindigkeit ist nicht nur ein wichtiger Ranking-Faktor, sondern wirkt sich auch auf das Nutzerverhalten aus. Je schneller die Seite lädt, desto wahrscheinlicher ist es, dass der Nutzer auf der Seite bleibt.

Je engagierter ein Nutzer ist, desto wahrscheinlicher wird er konvertieren.

Aus Erfahrung bei vielen verschiedenen Projekten wissen wir, dass die Seitengeschwindigkeit inzwischen ein sehr wichtigerer Ranking-Faktor ist, da der Traffic von mobilen Geräten weiter zunimmt.

Um uns darauf vorzubereiten, haben wir beschlossen, die Websites unserer Kunden nach und nach zu überarbeiten. Dieser Mehraufwand hat die Glaubwürdigkeit auf breiter Front erhöht.

Durch die Optimierung der Seitengeschwindigkeit für unsere Kunden konnten wir bei vielen Websites eine durchschnittliche Steigerung der Nutzeraktivität feststellen. Doch wie kam es dazu?

Was ist Google Page Speed?

Im Jahr 2021 hat Google offiziell damit begonnen, die PageSpeed-Core Web Vitals als ein SEO-Signal einzubeziehen.

Wenn Ihre Webseite hauptsächlich von organischem Traffic über Google lebt, wie es bei den meisten der Fall ist, lohnt es sich, an den Core Web Vitals zu arbeiten, damit Sie den Traffic nicht nur behalten, sondern auch noch steigern können!

Google Page Speed ist ein Tool, das Google den Webmastern zur Verfügung stellt, um die Geschwindigkeit ihrer Seiten zu messen.

Sie ist ein sehr wichtiger Ranking-Faktor für Suchmaschinen, und eine gute Seitengeschwindigkeit kann dazu beitragen, dass Ihre Website auf den Ergebnisseiten der Suchmaschinen besser platziert wird.

Wie Sie Ihren Google Page Speed Score überprüfen können

Wenn Sie die Geschwindigkeit Ihrer Website verbessern möchten, ist das Tool Page Speed Insights von Google ein guter Ausgangspunkt, der Ihnen bereits sehr viel über die Probleme Ihrer Webseite verrät.

Mit diesem Tool können Sie die Geschwindigkeit Ihrer Seiten anhand einer Reihe von globalen Best Practices überprüfen.

- Gehen Sie zu https://pagespeed.web.dev/ und tragen Sie die URL der Homepage Ihrer Website für den Test ein

- Klicken Sieauf die Schaltfläche "Analysieren" unter "PageSpeed"

- Nachdem der Test abgeschlossen ist, können Sie die Ergebnisse für Mobile-, aber auch für Desktopgeräte ansehen

Was sind die Ursachen für langsame Seiten?

Langsame Seiten können durch eine Reihe von Faktoren verursacht werden, z. B. durch veraltete Technologie, langsame Server, ineffiziente Kodierung und falsche Ressourcenverwaltung.

Eine der häufigsten Ursachen für langsame Seiten ist veraltete Technologie oder sehr viele Sonderfunktionen. 

Das liegt daran, dass alte Technologien weniger effizient sind, wenn es um die Verarbeitung von Informationen geht. Sie neigen auch dazu, mehr Ressourcen zu verbrauchen, was zu langsameren Seitengeschwindigkeiten führen kann.

Im Falle von WordPress sind das oft langsame WordPress Plugins, die den Pagespeed ausbremsen.

Ineffiziente Codierung kann ebenfalls zu langsamen Seiten führen. Schlecht geschriebener Code kann zu Websites führen, die schwer zu navigieren sind und schnell laden. Das liegt daran, dass schlecht geschriebener Code zu Fehlern führen kann, deren Behebung länger dauert.

Darüber hinaus kann ineffizienter Code dazu führen, dass Websites zu viele Ressourcen verbrauchen, was wiederum zu langsameren Seitengeschwindigkeiten führt.

Wie Sie beim Google Page Speed Test 100 Punkte erreichen (Case-Study / Checkliste)

Um beim PageSpeed Insights-Tool 100 Punkte zu erreichen, müssen Sie einige Voraussetzungen erfüllen.

Wenn Sie das Vorhaben starten, den Pagespeed zu optimieren, machen Sie dies am besten in mehreren Phasen. Jeder der folgende Teilbereich kann mehrere Stunden dauern, um das Optimium zu erreichen.

Für unser Fallbeispiel nehmen wir ein spannendes Kundenprojekt von Starsmedia, nämlich den E-Auto-Ladekabel Hersteller & Onlineshop www.electric-ways.net.

Aber bevor wir zu den Optimierungen übergehen, sehen wir uns kurz die Ausgangslage von ELECTRIC-WAYS an.

Die Plattform die auf dem Shop genutzt wird ist WordPress und als Shopsystem wird WooCommerce genutzt, dass sicher vielen bekannt ist. Als Theme kam zuvor das Hello-Theme zum Einsatz, dass wiederum mit dem Elementor-Builder ergänzt wurde, um ein flexibles Design erstellen zu können.

Als Serveranbieter ist Cloudways im Einsatz, der von Haus aus schon sehr schne

Der damalige Pagespeed betrug auf Mobile 55 und auf Desktop 87 Punkte.

Im Überblick finden Sie die wichtigsten Punkte, die wir im Zuge der Optimierung gemeinsam mit unserem Kunden angegangen sind:

  1. Optimierung der Bilder und Nutzung des WEBP-Formats. Übergroße Bilder sind die häufigste Ursache für langsame WordPress-Websites.
  2. Umstellung von Elementor auf Oxygen Builder
  3. Nutzung des serverseitigen Cachings
  4. Nutzung des CSS-Cachings von Oxygen
  5. CSS-Files nur auf Seiten laden, auf denen sie gebraucht werden
  6. Nutzung von "Images Apsect Ratio" um den CLS auf faktisch Null zu bekommen.
  7. Bereinigung und Optimierung der Datenbank mit Hilfe von WP Optimize
  8. Aktivierung der GZIP-Komprimierung, Reduzierung von CSS-, HTML- und JS-Dateien  mit Hilfe von WP Optimize
  9. Aktualisierung aller Plugins
  10. Deaktivierung unnötiger Plugins
  11. Selektives Laden von Plugins mit Hilfe von Asset Cleanup

Hier die Ergebnisse mit dem Testool von GTmetrix:

20220819_GTmetrix-Übersicht

PageSpeed Tools, die hier beim Benchmarking helfen können

???? Google PageSpeed Insights - Ein kostenloses Tool von Google, das eine Bewertung für die Geschwindigkeit und Nutzerfreundlichkeit einer Website gibt. Es analysiert sowohl die Desktop- als auch die Mobilversion der Website.
https://developers.google.com/speed/pagespeed/insights/
#GooglePageSpeedInsights

???? GTmetrix - Eine Website, die die Ladezeit und die Leistung von Websites misst. Es bietet auch eine detaillierte Analyse der Page Speed-Optimierungsmöglichkeiten.
https://gtmetrix.com/
#GTmetrix

???? Pingdom - Ein Tool, das die Ladezeit und die Leistung von Websites überprüft und auch eine Liste der langsamsten Elemente auf der Website bereitstellt.
https://www.pingdom.com/
#Pingdom

???? WebPageTest - Ein Open-Source-Tool, das die Ladezeit und die Leistung von Websites misst. Es bietet auch eine detaillierte Analyse der Performance, einschließlich der Netzwerklatenz und der Verbindungsstärke.
https://www.webpagetest.org/
#WebPageTest

Fazit

Der Page Speed Test von Google ist eine hervorragende Möglichkeit, die Geschwindigkeit Ihrer Website zu messen. Wenn Sie den Test durchführen, erhalten Sie Einblicke in die Leistung Ihrer Website und können bei Bedarf Änderungen vornehmen. Stellen Sie vor allem sicher, dass alle Ihre Seite auf einem schnellen Server liegt und auch auf Mobile rasch geladen werden kann. Denn selbst ein paar langsame Seiten können sich negativ auf Ihr Ranking bei Google auswirken.

Wir machen Deine Marke Online bekannter und erfolgreicher. Guntram Bechtold – StarsMedia
Kontaktiere uns
Wir sind starsmedia

Agentur für digitales Wachstum.

Wir machen Deine Marke Online bekannter und erfolgreicher.

Schreib uns eine Nachricht oder komm auf eine Tasse Tee vorbei. Wir freuen uns, mit Dir über Dein Projekt zu sprechen!
Kontaktiere uns