Testen Sie Ihre Core Web Vitals und was dahintersteckt.

Was misst ein Core-Web-Vitals-Test?

Ihr „Core Web Vitals“-Test liefert drei Werte für Ihre Seite: LCP für das Laden, INP für die Reaktionsfähigkeit und CLS für die visuelle Stabilität. In Ihrem Search-Console-Bericht sehen Sie dazu jeweils die Einstufung „gut“, „verbesserungswürdig“ oder „schlecht“. Der LCP-Wert gibt an, wann der Hauptinhalt Ihrer Seite voraussichtlich geladen ist. Der INP-Wert misst jede qualifizierte Interaktion während der Lebensdauer Ihrer Seite und nennt die schlechteste, die Ihre Besucher erlebt haben. CLS erfasst unerwartete Layoutverschiebungen bei sichtbaren Inhalten. Denken Sie etwa an eine Schaltfläche, die wegrutscht, wenn Sie darauf tippen.

Zwei Punkte entscheiden, wie Sie Ihre Zahlen lesen. Ihre Kennzahlen stammen von echten Nutzern Ihrer Website; sie unterscheiden sich daher von Besucher zu Besucher und spiegeln nicht wider, wie Google oder dessen Crawler Ihre Seite einschätzt. Die Auswertung misst diese Werte nicht direkt auf Ihren Seiten. Sie erfasst vielmehr, was Ihre Seiten tatsächlich ausliefern. Das liegt Ihren Zahlen zugrunde, und genau dort können Sie ansetzen.

Welche Grenzwerte gelten für LCP, INP und CLS?

Sie bestehen den Test, wenn das 75. Perzentil Ihrer Seite einen LCP-Wert von höchstens 2,5 Sekunden, einen INP-Wert von höchstens 200 Millisekunden und einen CLS-Wert von höchstens 0,1 erreicht. Vergleichen Sie Ihren Bericht mit den als „schlecht“ eingestuften Werten. Schlecht sind ein LCP-Wert über 4.000 ms, ein INP-Wert über 500 ms oder ein CLS-Wert über 0,25. Alle Werte zwischen „gut“ und „schlecht“ gelten als verbesserungswürdig. Das heißt: Ihre Seite hat das Ziel noch nicht erreicht.

Das 75. Perzentil übersehen viele. Drei von vier Seitenaufrufen, auf Mobilgeräten wie auf Desktop-Rechnern, müssen das Ziel erreichen; ein guter Durchschnitt genügt nicht. Hat PageSpeed Insights für alle drei Kennzahlen genug Daten, bestehen Sie nur, wenn alle drei 75. Perzentile gut sind. Der Bericht zeigt, welches Sie verfehlt haben. Reichen die INP-Daten nicht aus, zählen nur LCP und CLS. Fehlen dagegen LCP- oder CLS-Daten, kann Ihre Seite gar nicht bewertet werden. INP hat FID am 12. März 2024 als „Core Web Vitals“-Metrik abgelöst, in älteren Berichten sehen Sie deshalb unter Umständen noch FID.

Warum weicht ein Labortest von Ihren Felddaten ab?

Labor- und Felddaten weichen voneinander ab, weil Sie einen kontrollierten Ladevorgang mit vielen realen vergleichen. Der Labortest nutzt festgelegte Geräte- und Netzwerkeinstellungen, die Felddaten erfassen die tatsächlichen Seitenaufrufe Ihrer Besucher. Rufen Sie Ihre URL in PageSpeed Insights auf und vergleichen Sie die beiden Blöcke. Das Laborergebnis stammt aus Lighthouse, das Feldergebnis aus dem Chrome User Experience Report, kurz CrUX. Laborwerte lassen sich leicht reproduzieren und debuggen, übersehen aber unter Umständen Engpässe aus der Praxis. Felddaten zeigen, was Ihre Nutzer tatsächlich erlebt haben, bieten dafür aber weniger Metriken und weniger Details zur Fehlersuche.

Ihre Felddaten bilden eine Verteilung, keine einzelne Zahl. Lighthouse liefert bei jedem Lauf dasselbe LCP-Element, Ihre echten Besucher erzeugen meist viele verschiedene. Auch der CLS-Wert weicht ab, weil Ihre Seite interaktive Inhalte enthalten kann, die der Lighthouse-Test nicht berücksichtigt. Weichen Labor- und Feldwerte voneinander ab, sollten Sie die Empfehlungen des Labortests zum CLS nach dem Laden und zum INP mit Vorsicht lesen.

Was verrät ein öffentlicher Scan über Ihre Web Vitals ohne Felddaten?

Ein öffentlicher Scan zeigt, welche Merkmale Ihrer Seiten gute Werte erschweren oder erleichtern. Ihren LCP-, INP- oder CLS-Wert im 75. Perzentil kann er nicht anzeigen. Im Bereich „Leistung“ Ihrer Bewertung sehen Sie Skriptgewicht, Bildladeverhalten und Rendering-Muster, ermittelt an Ihrer Startseite und bis zu acht zufällig ausgewählten Seiten. Auch Antwort-Header und Markup fließen ein (die langweiligen Teile, die oft am meisten verraten). Kurz gesagt: Sie sehen, wie Ihre Seiten tatsächlich bei Ihren Besuchern ankommen.

Sie erhalten einen deutlichen Hinweis auf die Ursache, aber keine Messung der Auswirkung. Ist Ihr Skript-Bundle groß, droht ein INP-Problem. Ein spät geladenes Bild deutet auf ein LCP-Risiko hin. Beides beweist nicht, dass Ihre echten Besucher Probleme haben. Umgekehrt gilt dasselbe: Ein einwandfreies Ergebnis beweist nicht, dass Ihr Feldbericht „grün“ ist. Ein langsamer Start begrenzt außerdem Ihren LCP-Wert. Unter 2,5 Sekunden kommt Ihre Seite nicht, wenn der Download erst nach einigen Sekunden abgeschlossen ist. Für ein Urteil lesen Sie daher die Felddaten aus der Search Console neben der Auswertung.

Welche Seitenmuster scheitern meist an INP?

Beim INP fallen Sie in der Regel durch, wenn Ihre Seiten aufwendige Event-Handler ausführen, Skripte von Drittanbietern laden, die den Hauptthread blockieren, das Layout überlasten oder ein großes DOM enthalten. Tippen Sie auf Ihren langsamsten Filter, Ihr langsamstes Formularfeld oder Ihr langsamstes Menü. Sehen Sie eine Verzögerung? Aufwendige Event-Handler schaden am meisten, prüfen Sie daher komplexe Formularvalidierungen, clientseitige Filter und umfangreiche DOM-Änderungen. Animationen verschlimmern das, wenn sie Layout-Änderungen oder große Neuzeichnungen auslösen. Dasselbe gilt für aufwendige Drittanbieter-Skripte, die an Klicks oder Taps hängen.

Der INP zeigt die schlechteste Interaktion im gesamten Lebenszyklus Ihrer Seite, schon ein einziges langsames Steuerelement genügt daher, um das Ergebnis zu verschlechtern. Suchen Sie in Ihrem Code nach lang andauernden Aufgaben. Eine häufige Ursache ist jede Aufgabe, die länger als 50 Millisekunden dauert. Haben Sie eine gefunden? Teilen Sie sie mit `scheduler.yield()` oder `setTimeout` in kleinere Abschnitte auf, das wird häufig empfohlen. Ist Ihr DOM groß, kostet jede Aktualisierung der Darstellung mehr. Die Auswertung zeigt Skriptgröße und Rendering-Muster, sodass Sie wissen, wo Sie zuerst nachsehen. Die Interaktion selbst erfassen aber nur Ihre Felddaten.

Wie beheben Sie die drei häufigsten Core-Web-Vitals-Probleme?

Für LCP sorgen Sie dafür, dass der Hauptinhalt früher lädt. Bei INP teilen Sie lange Aufgaben auf und kürzen blockierende Skripte. Bei CLS suchen Sie, was sich auf Ihrer Seite unerwartet verschiebt, und fixieren genau diesen Bereich. Beginnen Sie mit Ihrem Search-Console-Bericht. Prüfen Sie, bei welchem der drei Indikatoren Ihr 75. Perzentil die Anforderungen verfehlt, und beheben Sie diesen Punkt zuerst. Reproduzieren Sie das Problem danach in Ihrem eigenen Labortest. Feldtools zeigen genauer, was Ihre Nutzer tatsächlich erlebt haben; Labortools eignen sich oft besser, um das Problem zu finden und zu beheben. Setzen Sie daher jedes Tool dort ein, wo es am meisten leistet.

Beim LCP prüfen Sie zuerst, was die Bereitstellung Ihrer Inhalte verzögert. Dauert allein der Download Ihrer Seite noch einige Sekunden, können Sie die 2,5-Sekunden-Marke nicht unterschreiten. Danach sehen Sie nach, wie Ihr größtes Element geladen wird. Für INP teilen Sie alle Aufgaben, die länger als 50 Millisekunden dauern, mit `scheduler.yield()` oder `setTimeout` auf und entfernen alle Skripte von Drittanbietern auf Ihren Seiten, die an Klicks gebunden sind. Für CLS testen Sie Ihre interaktiven Elemente erneut, denn die Verschiebung lösen Sie in Ihrem Labortest womöglich nie aus. Bewerten Sie Ihre Website nach jeder Änderung neu, dann sehen Sie, wie sich Ihre Ergebnisse verändern.

Fragen und Antworten.

Weiterlesen.

1. 01Website-CheckDie Gesamtanalyse, alle acht Säulen.
2. 02Next.js-SEO-AuditRendering-Modus, Metadaten, Hydration-Kosten.
3. 03Website-Audit-ChecklisteDie acht Säulen als Liste, die Sie selbst abarbeiten können.