Websites & SEO

Page Speed

Allgemeine Infos

Page Speed ist der Sammelbegriff für die Ladegeschwindigkeit einer Seite. Gemeint ist kein einzelner Wert, sondern eine Kette: Antwortzeit des Servers (Time to First Byte, TTFB), Laden von HTML, CSS, JavaScript, Schriften und Bildern, Rendering und schließlich die Reaktion auf Eingaben. Langsame Seiten führen zu Absprüngen, vor allem auf Smartphones im Mobilfunknetz.

Die messbare Ausprägung für Google sind die Core Web Vitals, insbesondere LCP für die Ladeleistung und INP für die Reaktionsfähigkeit. PageSpeed Insights kombiniert Felddaten aus dem Chrome UX Report mit einem Lighthouse-Labortest. Der Lighthouse-Gesamtscore ist ein Laborwert und nicht identisch mit der Core-Web-Vitals-Bewertung in der Search Console.

Abgrenzung: Page Speed betrifft einzelne Seiten, Site Speed die Website insgesamt. Performance-Optimierung reicht vom Hosting (Server, CDN, Caching) über das Frontend (Bilder, Skripte, CSS) bis zu Drittanbieter-Skripten wie Tracking und Chat.

Funktionsweise & Details

Für die Ladeleistung hilft die Zerlegung des LCP in vier Teilabschnitte, die sich zur Gesamtzeit addieren:

  1. Time to First Byte: Zeit bis zum ersten Byte des HTML-Dokuments. Hebel: schneller Server, Seitencache, CDN, keine unnötigen Weiterleitungen.
  2. Ladeverzögerung der Ressource: Zeit, bis der Browser beginnt, das LCP-Bild zu laden. Hebel: Bild direkt im HTML referenzieren, fetchpriority="high" setzen oder per preload ankündigen.
  3. Ladedauer der Ressource: Hebel: kleinere Dateien durch WebP oder AVIF, passende Bildgrößen, Komprimierung.
  4. Renderverzögerung: Zeit, bis das Element angezeigt wird. Hebel: blockierendes CSS und JavaScript reduzieren.

Für die Reaktionsfähigkeit (INP) zählt vor allem, lange JavaScript-Aufgaben auf dem Hauptthread zu vermeiden. Gemessen wird mit PageSpeed Insights, Chrome DevTools, Lighthouse und dem Core-Web-Vitals-Bericht der Search Console.

Vorteile & Nutzen

  • Weniger Absprünge und mehr Anfragen, weil Besucher Inhalte schneller sehen und bedienen können.
  • Bessere Core Web Vitals, die Googles Ranking-Systeme berücksichtigen.
  • Geringere Server- und Bandbreitenlast durch Caching und kleinere Dateien.
  • Bessere Nutzbarkeit bei schwacher Mobilfunkverbindung, etwa im Außendienst oder auf Baustellen.

Praxisbeispiel

Ein Hotel im Schwarzwald mit 45 Beschäftigten hat auf der Startseite einen Slider mit mehreren großen Titelbildern und zehn Plugins. PageSpeed Insights zeigt mobil einen LCP von über vier Sekunden. Die Agentur ersetzt den Slider durch ein einzelnes AVIF-Bild mit fetchpriority="high", aktiviert den Seitencache des Hosters und entfernt drei ungenutzte Plugins. Der LCP sinkt in den grünen Bereich, und das Buchungsformular ist schneller erreichbar.

Worauf sollte man achten?

  • Das LCP-Bild nie per Lazy Loading laden, das verzögert genau das wichtigste Element.
  • fetchpriority="high" nur für ein bis zwei Bilder setzen, sonst verpufft der Effekt.
  • Drittanbieter-Skripte regelmäßig ausmisten, jedes Tag im Tag Manager kostet Ladezeit.
  • Optimierungen mit Felddaten über mehrere Wochen bewerten, nicht anhand eines einzelnen Labortests.

Fazit

Page Speed ist eine Kette aus Server, Netzwerk und Frontend, die größten Gewinne liegen meist bei Bildern, Caching und Drittanbieter-Skripten. Miss mit Felddaten und richte die Optimierung an den Core Web Vitals aus.

Weiterführende Links

Verwandte Artikel