Suchmaschinenoptimierung (SEO)

Tipps und Tricks für eine erfolgreiche Webseitenoptimierung

Online Marketing › Suchmaschinenoptimierung › Technische SEO › PageSpeed Optimierung

PageSpeed Optimierung

Wie verbessert man die Ladegeschwindigkeit einer Webseite und welchen Einfluss hat sie auf das SEO-Ranking?
  1. Warum ist PageSpeed wichtig für SEO?
  2. PageSpeed messen
  3. Bilder optimieren
  4. CSS & JavaScript minimieren und verzögert laden
  5. Server-Antwortzeit optimieren
  6. Caching einsetzen
  7. Weiterleitungen reduzieren

Warum ist PageSpeed wichtig für SEO?

Die Ladegeschwindigkeit einer Webseite ist seit 2010 ein offizieller Ranking-Faktor von Google. Mit dem Page Experience Update von 2021 und der Einführung der Core Web Vitals hat Google die Bedeutung der Seitengeschwindigkeit nochmals unterstrichen.

Erstens beeinflusst die Ladegeschwindigkeit das Crawl-Budget. Googlebot kann in einer bestimmten Zeit nur eine begrenzte Anzahl Seiten crawlen. Je schneller Ihre Seiten antworten, desto mehr Seiten kann der Bot indexieren. Zweitens wirkt sich die Geschwindigkeit direkt auf die Nutzererfahrung aus: Studien zeigen, dass über die Hälfte der Nutzer eine Seite verlässt, wenn sie länger als 3 Sekunden zum Laden braucht. Eine hohe Absprungrate signalisiert Google, dass Ihre Seite möglicherweise nicht relevant ist – was das Ranking verschlechtert.

PageSpeed messen

Bevor Sie mit der Optimierung beginnen, sollten Sie die aktuelle Performance Ihrer Seite messen. Folgende Tools stehen zur Verfügung:

Achten Sie darauf, Ihre Seite sowohl auf Desktop als auch auf Mobile zu testen. Da Google das Mobile-First Indexing einsetzt, ist der Mobile-Score besonders relevant.

Bilder optimieren

Bilder sind in den meisten Fällen die grössten Ressourcen auf einer Webseite und haben den stärksten Einfluss auf die Ladezeit. Folgende Massnahmen helfen:

  1. Modernes Bildformat verwenden – Nutzen Sie WebP oder AVIF statt JPEG oder PNG. WebP ist durchschnittlich 25–35% kleiner als JPEG bei vergleichbarer Qualität.
  2. Bilder komprimieren – Nutzen Sie Tools wie Squoosh, TinyPNG oder ImageOptim, um Bilder verlustfrei oder mit minimalem Qualitätsverlust zu komprimieren.
  3. Richtige Dimensionen verwenden – Laden Sie keine 2000px-Bilder hoch, wenn sie nur 400px breit dargestellt werden.
  4. Lazy Loading einsetzen – Bilder unterhalb des sichtbaren Bereichs sollten erst geladen werden, wenn der Nutzer dorthin scrollt. Mehr dazu auf der Seite Lazy Loading.
  5. Responsive Images – Mit dem srcset-Attribut können verschiedene Bildgrössen für verschiedene Geräte bereitgestellt werden.

CSS & JavaScript minimieren und verzögert laden

CSS und JavaScript, die im <head> der Seite eingebunden sind, können das Rendering der Seite blockieren. Dies bezeichnet man als Render-blocking Resources. Google PageSpeed Insights weist explizit auf diese hin.

Folgende Techniken helfen:

Server-Antwortzeit optimieren

Der Time to First Byte (TTFB) misst, wie lange es dauert, bis der Browser das erste Byte der HTML-Antwort vom Server erhält. Ein guter TTFB-Wert liegt unter 200ms.

Einflussfaktoren auf den TTFB:

Caching einsetzen

Caching speichert häufig angeforderte Ressourcen zwischen, sodass sie beim nächsten Aufruf nicht erneut geladen oder generiert werden müssen. Es gibt verschiedene Caching-Ebenen: Browser-Cache, Server-Cache und CDN-Cache.

Mehr Details zu Caching-Konfigurationen finden Sie auf der Seite Caching & Browser-Cache.

Weiterleitungen reduzieren

Jede Weiterleitung fügt eine zusätzliche HTTP-Anfrage hinzu und verzögert die Ladezeit. Besonders problematisch sind Weiterleitungsketten (URL A leitet zu B, B leitet zu C weiter). Überprüfen Sie regelmässig, ob Ihre internen Links direkt auf die finale URL zeigen.

Weitere Informationen zum Thema Core Web Vitals und Lazy Loading finden Sie auf den entsprechenden Seiten dieser Website.