Core Web Vitals: So bestehen Sie LCP, INP und CLS
Die Core Web Vitals sind drei Kennzahlen, die zeigen, wie sich eine Seite für echte Besucher anfühlt: wie schnell der Hauptinhalt erscheint, wie zügig die Seite auf Berührungen reagiert und ob das Layout ruhig bleibt. Sie ersetzen keinen guten Inhalt, aber sie zeigen, ob eine Website angenehm zu nutzen ist.
Das Wichtigste in Kürze
- LCP misst das Laden, INP die Reaktionsfähigkeit und CLS die visuelle Stabilität.
- Als gut gelten, am 75. Perzentil der Besuche: LCP bis 2,5 s, INP bis 200 ms und CLS bis 0,1.
- Entscheiden Sie anhand von Felddaten (Search Console, PageSpeed Insights) und nutzen Sie Labordaten zur Ursachensuche.
- Korrigieren Sie pro Seitenvorlage und prüfen Sie monatlich, denn Redesigns und Plugins verursachen oft Rückschritte.
Was die Core Web Vitals sind
- LCP (Largest Contentful Paint): Zeit, bis das größte sichtbare Element, meist das Hauptbild oder ein Textblock, erscheint.
- INP (Interaction to Next Paint): wie schnell die Seite nach Tippen, Klicken und Tastendrücken sichtbar reagiert, über den gesamten Besuch gemessen. INP hat 2024 den First Input Delay als Core Web Vital abgelöst.
- CLS (Cumulative Layout Shift): wie stark sich sichtbare Inhalte unerwartet verschieben.
Sie sind wichtig, weil Nutzer sie spüren: ein langsames Hauptbild, ein Button ohne Reaktion oder ein springendes Layout lassen Menschen abspringen.
Die Schwellenwerte
| Kennzahl | Gut | Verbesserungsbedarf | Schlecht |
|---|---|---|---|
| LCP | bis 2,5 Sekunden | 2,5 bis 4 s | über 4 s |
| INP | bis 200 ms | 200 bis 500 ms | über 500 ms |
| CLS | bis 0,1 | 0,1 bis 0,25 | über 0,25 |
Tabelle seitlich wischen, um alle Spalten zu sehen.
Bewertet wird am 75. Perzentil der Seitenaufrufe: Mindestens drei von vier Besuchen müssen den Wert erreichen. Die Schwellenwerte sind auf Mobilgerät und Desktop gleich, mobil fallen die Ergebnisse aber meist schlechter aus.
Felddaten und Labordaten
- Felddaten stammen von echten Besuchern über die Zeit (Core-Web-Vitals-Bericht der Search Console, Feldbereich in PageSpeed Insights). Sie zeigen, ob es ein Problem gibt und auf welchen Seiten.
- Labordaten kommen aus einem simulierten Test auf einem Gerät und Netz (zum Beispiel Lighthouse). Sie helfen zu verstehen, warum, weil sich der Test wiederholen lässt.
Ein sehr guter Laborwert garantiert keine guten Felddaten. Entscheiden Sie mit Felddaten, diagnostizieren Sie mit Labordaten.
So messen Sie Schritt für Schritt
- Öffnen Sie in der Search Console den Core-Web-Vitals-Bericht und sehen Sie sich URL-Gruppen mit Problemen auf Mobilgeräten an.
- Wählen Sie je Gruppe eine repräsentative URL und testen Sie sie in PageSpeed Insights.
- Nutzen Sie die Entwicklertools des Browsers (Leistungs-Tab), um langsame Elemente, lange Tasks und Layoutverschiebungen zu finden.
- Beheben Sie die Ursache in der Seitenvorlage, weil derselbe Fehler meist die ganze Gruppe betrifft.
- Warten Sie: Felddaten werden über ein fortlaufendes Fenster gesammelt, die Bestätigung dauert Wochen.
LCP verbessern
- LCP-Element finden (oft das Hauptbild) und zuerst optimieren.
- Server beschleunigen: Caching, CDN, passendes Hosting. Statische Seiten helfen stark.
- Hauptbild verschlanken: komprimieren, in angezeigter Größe ausliefern, moderne Formate wie WebP oder AVIF nutzen.
- Kein Lazy Loading für das Hauptbild. Es gehört zu Bildern unterhalb des sichtbaren Bereichs; das Hauptbild bekommt hohe Priorität.
- Blockierende Ressourcen reduzieren: kritisches CSS, aufgeschobene Skripte, schlanke Schriften.
INP verbessern
- Lange Tasks aufteilen, damit der Browser zwischendurch reagieren kann.
- JavaScript reduzieren und verzögern: ungenutzte Bibliotheken entfernen, Unkritisches später laden.
- Drittanbieter-Skripte prüfen: Chat, Tags, Heatmaps und Werbung kosten oft am meisten. Laden Sie sie nur dort, wo nötig, und nach der Einwilligung.
- Seitenstruktur schlank halten: sehr große DOM-Strukturen machen jede Interaktion träge.
- Sofortiges Feedback geben (Button-Zustand) und schwere Arbeit danach erledigen.
CLS verbessern
- Breite und Höhe (oder aspect-ratio) für Bilder, Videos und Einbettungen festlegen.
- Platz reservieren für Werbung, Banner und Cookie-Hinweise, statt sie über bereits sichtbaren Inhalt einzufügen.
- Schriften sorgfältig behandeln: font-display-Strategie und ähnliche Ersatzschriften verhindern springenden Text.
- Keine Inhalte nachträglich über dem Lesebereich einfügen, außer nach einer Nutzeraktion.
- Animationen mit transform und opacity, nicht mit layoutverändernden Eigenschaften.
Korrekturen nach Symptom
| Symptom | Wahrscheinliche Ursache | Korrektur |
|---|---|---|
| Langsamer LCP mobil | Schweres Hauptbild, langsamer Server | Komprimieren, Cache, CDN |
| Menü oder Filter reagiert träge | Viel JavaScript, Drittanbieter-Skripte | Skripte verzögern, Tasks teilen |
| Seite springt beim Laden von Bildern | Fehlende Bildmaße | Breite und Höhe setzen |
| Layout verschiebt sich oben | Spät geladene Banner oder Cookie-Hinweise | Platz reservieren |
| Gutes Labor-, schlechtes Feldergebnis | Echte Nutzer mit langsameren Geräten | Mit gedrosseltem Netz testen, Gewicht senken |
Tabelle seitlich wischen, um alle Spalten zu sehen.
Einordnung und Monitoring
Die Core Web Vitals sind ein Teil der Seitenerfahrung, aber relevanter, nützlicher Inhalt zählt weit mehr. Betrachten Sie sie als Teil einer angenehmen Website und prüfen Sie sie im regelmäßigen SEO-Audit. Kontrollieren Sie monatlich und nach jedem Redesign, Plugin oder neuen Tag. Einsteiger beginnen mit Was ist SEO?.
Wenn Sie Unterstützung bei der Umsetzung wünschen, sprechen Sie mit dem MetaEX-Team.
Häufig gestellte Fragen
Sind Core Web Vitals ein Rankingfaktor?
Sie gehören zur Seitenerfahrung, die Google berücksichtigt, doch Relevanz und hilfreicher Inhalt wiegen deutlich mehr. Sehr schlechte Erfahrung schadet trotzdem Nutzern und Conversions.
Warum weicht mein Laborwert von der Search Console ab?
Labortests simulieren ein Gerät und Netz zu einem Zeitpunkt, die Search Console zeigt echte Besucher über die Zeit. Entscheiden Sie mit Felddaten, diagnostizieren Sie mit Labordaten.
Wann zeigen sich Verbesserungen im Bericht?
Felddaten werden über ein fortlaufendes Fenster gesammelt. Rechnen Sie nach einer Korrektur mit mehreren Wochen.
Gelten andere Schwellenwerte für Mobil und Desktop?
Nein, die Werte sind gleich, mobil fallen sie meist schlechter aus. Priorisieren Sie mobil.
Was behebe ich zuerst?
Das, was in den Felddaten bei den meistbesuchten Vorlagen durchfällt, meist erst LCP, dann INP und CLS.
Quellen
Möchten Sie eine Einschätzung Ihres digitalen Betriebs?
Sprechen Sie mit uns: Wir verstehen zuerst Ihre Lage und sagen Ihnen dann, was sinnvoll ist.
Termin vereinbaren