Was die drei Core Web Vitals messen
Largest Contentful Paint (LCP) beschreibt, wann der größte sichtbare Inhalt im Ansichtsbereich erscheint. Interaction to Next Paint (INP) misst, wie schnell die Seite nach einer Nutzeraktion sichtbar reagiert. Cumulative Layout Shift (CLS) erfasst unerwartete Verschiebungen sichtbarer Elemente. Zusammen betrachten diese Werte Ladeerlebnis, Reaktionsfähigkeit und visuelle Stabilität. Sie ersetzen weder eine gute Inhaltsstruktur noch eine verständliche Bedienung.
Welche Richtwerte als gut gelten
Google nennt für eine gute Nutzererfahrung folgende Zielwerte: LCP innerhalb von 2,5 Sekunden, INP unter 200 Millisekunden und CLS unter 0,1. Bei der Bewertung von Felddaten ist das 75. Perzentil der Seitenaufrufe relevant. Ein einzelner schneller Testlauf beweist daher nicht, dass Besucher unter unterschiedlichen Geräten und Verbindungen dieselbe Erfahrung haben. Quelle: Google Search Central, „Understanding Core Web Vitals and Google search results“ (https://developers.google.com/search/docs/appearance/core-web-vitals); web.dev, „Web Vitals“ (https://web.dev/articles/vitals).
Erst echte Nutzung prüfen, dann im Labor untersuchen
Beginne mit dem Core-Web-Vitals-Bericht in der Google Search Console, um betroffene URL-Gruppen zu erkennen. PageSpeed Insights zeigt, sofern verfügbar, Felddaten aus dem Chrome User Experience Report und ergänzt sie um eine Laboranalyse. Felddaten spiegeln reale Besuche; Labordaten helfen, eine konkrete Seite unter kontrollierten Bedingungen zu untersuchen. Fehlen Felddaten bei einer wenig besuchten URL, ist das kein Beleg für gute oder schlechte Werte. Prüfe Mobilgeräte und Desktop getrennt und priorisiere wichtige Seitentypen wie Startseite, Leistungsseiten und Kontaktweg. Quelle: Google PageSpeed Insights, „About PageSpeed Insights“ (https://developers.google.com/speed/docs/insights/v5/about).
LCP verbessern: Den Hauptinhalt früh sichtbar machen
Prüfe zunächst, welches Element auf der betroffenen Seite den LCP auslöst. Häufig ist es ein großes Bild oder ein Textblock. Ein passendes Bildformat, geeignete Abmessungen und eine frühe Auslieferung des wichtigen Bildes können helfen. Ebenso wichtig sind Serverantwort, blockierende Stylesheets und die Reihenfolge, in der Ressourcen geladen werden. Vermeide es, das wichtigste Bild erst spät per JavaScript einzusetzen oder unnötig nachzuladen. Miss nach jeder Änderung erneut, statt allein aus der Dateigröße auf die Wirkung zu schließen.
INP verbessern: Interaktionen nicht warten lassen
Wenn ein Klick auf Navigation, Filter oder Formular verzögert sichtbar wird, untersuche die Arbeit des Browsers rund um diese Interaktion. Lange JavaScript-Aufgaben können den Hauptthread blockieren. Entferne unnötige Skripte, teile aufwendige Arbeit in kleinere Schritte und prüfe Drittanbieter-Code. Gib bei längeren Vorgängen eine klare Rückmeldung, damit die Oberfläche auf Eingaben reagiert. INP betrachtet Interaktionen während des Seitenbesuchs und lässt sich mit einem reinen Seitenlade-Test nicht vollständig erfassen. Quelle: web.dev, „Getting started with measuring Web Vitals“ (https://web.dev/articles/vitals-measurement-getting-started).
CLS verbessern: Platz für Inhalte reservieren
Springende Inhalte entstehen etwa dann, wenn Bilder, Einbettungen oder nachgeladene Hinweise ohne reservierten Platz erscheinen. Definiere Bildmaße oder ein Seitenverhältnis, plane Raum für dynamische Elemente ein und prüfe, ob Webfonts nach dem Laden sichtbare Umbrüche auslösen. Besonders störend ist ein Layoutsprung, wenn jemand gerade einen Link oder Button bedienen will.
Eine sinnvolle Reihenfolge für die Umsetzung
- Betroffene Seiten und Geräte anhand von Felddaten bestimmen.
- Pro Seite die auffällige Metrik und ihr auslösendes Element oder Ereignis identifizieren.
- Zuerst Ursachen beheben, die viele wichtige Seiten betreffen, etwa ein gemeinsames Template oder globales Skript.
- Änderungen im Labor nachvollziehen und die Entwicklung der Felddaten über die Zeit beobachten.
Gute Core Web Vitals sind ein sinnvolles Qualitätsziel. Google berücksichtigt sie in seinen Rankingsystemen, betont aber ausdrücklich, dass gute Messwerte keine Top-Platzierung garantieren. Relevante Inhalte und eine insgesamt hilfreiche Seitenerfahrung bleiben entscheidend. Quelle: Google Search Central, „Understanding page experience in Google Search results“ (https://developers.google.com/search/docs/appearance/page-experience).