Die Core Web Vitals beschreiben zentrale Aspekte der Nutzungserfahrung: Laden, Reaktion auf Eingaben und Stabilität des Layouts. Die aktuellen Kennzahlen heißen LCP, INP und CLS. Ein guter Messwert allein macht eine Website noch nicht hilfreich. Er unterstützt jedoch den reibungslosen Zugang zu ihren Inhalten und Funktionen.
Die drei Kennzahlen im Überblick
| Kennzahl | Was wird betrachtet? | Bereich „gut“ |
|---|---|---|
| LCP – Largest Contentful Paint | Ladezeit des größten relevanten sichtbaren Inhaltselements | Bis 2,5 Sekunden |
| INP – Interaction to Next Paint | Reaktionsfähigkeit auf Interaktionen | Bis 200 Millisekunden |
| CLS – Cumulative Layout Shift | Unerwartete Layoutverschiebungen | Bis 0,1 |
Die Bewertung der Felddaten erfolgt am 75. Perzentil, getrennt nach Mobil- und Desktopnutzung. INP hat FID als Core Web Vital ersetzt. Die offizielle Web-Vitals-Übersicht erklärt Messung und Grenzwerte.
Felddaten und Labortests gemeinsam nutzen
Felddaten zeigen Erfahrungen tatsächlicher Besuche innerhalb eines Messzeitraums. Ein Labortest untersucht eine kontrollierte Situation. Beide Perspektiven sind hilfreich, beantworten aber unterschiedliche Fragen. Bei wenig Traffic können ausreichende Felddaten fehlen. Das ist kein automatischer Beleg für eine langsame Website.
Starten Sie mit wichtigen Seitentypen und Aufgaben. Für eine Agenturwebsite könnten dies Leistungsseite, Wissensbeitrag und Kontaktformular sein. Ein Onlineshop benötigt zusätzlich Produktdetail, Warenkorb und Kaufabschluss. Prüfen Sie jeweils mobile Geräte und realistische Verbindungen.
LCP: das entscheidende Element finden
Untersuchen Sie, welches Element die Ladezeit prägt. Häufig lohnt ein Blick auf große Bilder, Antwortzeiten und Ressourcen, die das Rendern verzögern. Komprimieren Sie gezielt und liefern Sie passende Bildgrößen aus. Ein für den ersten Bildbereich wichtiges Bild sollte nicht versehentlich verzögert geladen werden.
INP: tatsächliche Interaktionen testen
Öffnen Sie Menüs, bedienen Sie Filter und senden Sie Formulare ab. Lange JavaScript-Aufgaben können die sichtbare Reaktion verzögern. Ein automatisch gemessener Seitenaufruf erfasst nicht jeden dieser Abläufe. Dokumentieren Sie die konkrete Handlung, bei der eine Verzögerung entsteht.
CLS: Platz vorher reservieren
Prüfen Sie Bilder ohne Abmessungen, nachgeladene Elemente und wechselnde Schriftmetriken. Reservieren Sie den benötigten Platz möglichst vor dem Nachladen. Beobachten Sie besonders, ob ein Link oder eine Schaltfläche während der Bedienung unerwartet verrutscht.
Änderungen kontrolliert freigeben
- Ausgangswerte und den betroffenen Nutzerweg festhalten.
- Eine belegte Ursache priorisieren.
- Änderung auf einer Testumgebung umsetzen.
- Funktion, Darstellung und Barrierefreiheit erneut prüfen.
- Nach Veröffentlichung Labortests und spätere Felddaten vergleichen.
Bewahren Sie Messbedingungen und Zeitpunkt auf. So können Sie echte Verbesserungen von Schwankungen unterscheiden. Reduzieren Sie die Bewertung nicht auf eine einzelne farbige Gesamtpunktzahl.
Unterstützung bei der Umsetzung
Sie möchten das Thema auf Ihr Unternehmen übertragen? Websites planen und weiterentwickeln: Gemeinsam klären wir Ausgangslage, Prioritäten und die nächsten Schritte.
