Performance

PageSpeed

PageSpeed ist der Sammelbegriff für die Ladegeschwindigkeit einer Website — und der Name von Googles kostenlosem Tool PageSpeed Insights, das genau diese Geschwindigkeit bewertet und Optimierungen vorschlägt.

Lesezeit 4 Min Kategorie Performance

Was ist PageSpeed?

Der Begriff hat zwei Bedeutungen, die gerne vermischt werden. Zum einen ist "Page Speed" einfach die Geschwindigkeit, mit der eine Website lädt und reagiert — alles, was sich in Core Web Vitals messen lässt. Zum anderen gibt es PageSpeed Insights (PSI), Googles kostenloses Tool unter pagespeed.web.dev.

PSI zieht zwei Datenquellen zusammen: Felddaten aus dem Chrome User Experience Report (CrUX) — echte Messwerte von echten Nutzern — und Labordaten aus einer Lighthouse-Analyse, die Google live in einer simulierten Umgebung ausführt. Du bekommst also das, was Google im Ranking bewertet, und parallel eine technische Diagnose mit Handlungsempfehlungen.

Lighthouse ist nicht exklusiv zu PSI — die gleiche Engine steckt in Chrome DevTools. F12 in Chrome, Tab "Lighthouse", du bekommst denselben Report lokal, auch für Seiten hinter Login oder auf localhost. PSI ist die Cloud-Variante mit CrUX-Felddaten, DevTools-Lighthouse die Offline-Variante. Im DevTools-Panel siehst du alle Lighthouse-Kategorien nebeneinander: Performance, Accessibility, SEO, Best Practices und PWA (Progressive Web App). Jede hat ihren eigenen Score von 0-100, und du hakst beim Start an, welche du testen willst.

Ein Beispiel: Du gibst firmencharisma.de ins PSI-Tool. Google testet mit einem simulierten Mid-Range-Mobilgerät im gedrosselten 4G-Netz, misst LCP, CLS, INP, Total Blocking Time und ein paar weitere Metriken, gleicht sie mit den CrUX-Felddaten der letzten 28 Tage ab und spuckt einen Bericht aus — Mobile und Desktop getrennt.

Was misst PageSpeed?

PSI liefert zwei Arten von Ergebnissen. Erstens das Core Web Vitals Assessment — die Frage, ob mindestens 75 Prozent der echten Nutzer für jede der drei Metriken gute Werte erreichen. Zweitens den Performance Score zwischen 0 und 100, berechnet aus den Labordaten.

Der Score setzt sich aus fünf gewichteten Sub-Metriken zusammen — und die Gewichtung ist bewusst ungleich. Lighthouse bestraft blockiertes JavaScript am härtesten, weil das in der Praxis der häufigste Killer für Interaktivität ist:

MetrikGewichtWas sie misst
Total Blocking Time (TBT)30 %JavaScript blockiert Main-Thread
LCP25 %Größter sichtbarer Inhalt da
CLS25 %Layout-Stabilität
First Contentful Paint (FCP)10 %Erstes Pixel Inhalt
Speed Index10 %Sichtbarer Bereich füllt sich

TBT und LCP zusammen sind 55 Prozent des Scores. Wer hier optimiert, bewegt die Nadel. Wer sich nur um Speed Index kümmert, spielt am Rand. Score-Einordnung: 90-100 grün, 50-89 orange, 0-49 rot.

Wichtig: Der Score sind Labordaten. Fürs Ranking zählen die Felddaten — die Box oben im Report. Eine Seite kann Score 75 haben und trotzdem das CrUX-Assessment bestehen, wenn echte Nutzer bessere Bedingungen haben.

Warum ist PageSpeed für deine Website wichtig?

Drei konkrete Effekte:

Ranking-Signal. Google nutzt die Core Web Vitals als Teil des SEO-Ranking-Algorithmus. Grüner Bereich gibt einen kleinen Push, roter Bereich kostet Positionen — besonders auf Mobile.

Conversion Rate. Langsamere Seiten konvertieren schlechter. Ein Handwerker mit 6-Sekunden-LCP verliert mehr Anfragen als einer mit 2-Sekunden-LCP, bei gleichem Traffic.

Bounce Rate. Mobile Nutzer sind ungeduldig. Wenn eine Seite nach drei Sekunden noch nicht sichtbar ist, gehen rund 40 Prozent zurück zu den Suchergebnissen.

Reales Beispiel: Ein Zahnarzt-Relaunch. Alte Seite: Score 34, LCP 5,1 Sekunden, CLS 0,28. Neue Seite: Score 96, LCP 1,6, CLS 0,02. Drei Monate später: 38 Prozent mehr organische Suchanfragen, 22 Prozent niedrigere Bounce Rate.

So nutzt du PageSpeed Insights richtig

  1. Nicht nur die Startseite testen. PSI bewertet einzelne URLs. Teste Startseite, Unterseite, Landingpage, Produktseite. Ergebnisse unterscheiden sich oft deutlich.
  2. Mobile ernst nehmen. Google indexiert mobil-first. Desktop-98 und Mobile-43 heißt: der Mobile-Score zählt.
  3. Felddaten über Labordaten. Fehlt die CrUX-Box oben, hat deine Seite zu wenig Traffic für eine Bewertung — dann sind die Labordaten dein einziger Anhaltspunkt.
  4. Diagnose-Sektion lesen. Unter dem Score stehen konkrete Empfehlungen ("Bilder im modernen Format", "Ungenutztes JavaScript reduzieren"). Das ist deine To-do-Liste.
  5. Nach jedem Fix neu testen. Mehrere Durchläufe machen — der Score schwankt je nach Server-Last um ein paar Punkte.

Häufige Missverständnisse zu PageSpeed

"Score 100 ist das Ziel." Nein. Ziel ist der grüne Bereich (90+) plus bestandene Felddaten. Den letzten Punkt herauszupressen kostet unverhältnismäßig viel Aufwand.

"Mein Labor-Score ist 95, also bin ich fertig." Nicht unbedingt. Wenn die CrUX-Felddaten rot sind, hilft der Labor-Score nicht — fürs Ranking zählt nur das echte Nutzererlebnis.

"Das Tool ist ungenau, heute 62, morgen 78." Schwankungen sind normal, weil der Test auf einem geteilten Google-Server läuft. Mehrfach testen und Durchschnitt bilden.

"PageSpeed und Search Console zeigen andere Werte." Beide nutzen CrUX, aber die Search Console aggregiert über größere Zeiträume und URL-Gruppen. Beides parallel nutzen, nicht gegeneinander ausspielen.

Ähnliche Begriffe

Design

Navigation

Die Navigation ist das Wegweiser-System deiner Website. Sie zeigt dem Besucher, welche Seiten es gibt, wo er gerade ist …

Weiterlesen →
SEO

Alt-Tag

Der Alt-Tag ist ein kurzer Textbaustein im HTML-Code eines Bildes, der beschreibt, was auf dem Bild zu sehen ist. Er mac…

Weiterlesen →
Design

Wireframe

Ein Wireframe ist die strukturelle Skizze einer Website, bevor Farben, Bilder und Schriften ins Spiel kommen. Wie ein Ar…

Weiterlesen →
Cookie Consent mit Real Cookie Banner