Core Web Vitals erklärt

Core Web Vitals sind drei Zahlen, mit denen Google beschreibt, wie sich eine Seite für einen echten Besucher anfühlt: wie schnell der Hauptinhalt lädt, wie stabil das Layout bleibt und wie schnell die Seite auf einen Fingertipp oder Klick reagiert. Googles Ranking-Systeme nutzen sie – ohne veröffentlichte Gewichtung, und als Ersatz für relevante Inhalte taugen sie nicht. Der größere Gewinn ist eine Seite mit weniger Reibung – und die kann Besuchern nur helfen, eine Anfrage oder einen Kauf abzuschließen.

Die drei Kennzahlen in einfachen Worten

• LCP – Largest Contentful Paint (Laden). Wie lange es dauert, bis das größte infrage kommende Bild oder der größte Textblock im sichtbaren Bereich (Viewport) gerendert ist – oft ein großes Aufmacherbild oder eine große Überschrift. Gut: 2,5 Sekunden oder weniger.
• CLS – Cumulative Layout Shift (visuelle Stabilität). Wie heftig der größte Schub unerwarteter Layoutbewegung während des Besuchs ausfällt – auch Verschiebungen nach dem ersten Laden zählen, etwa durch späte Banner oder nachgeladene Inhalte. Sie kennen das: Sie wollen auf einen Button tippen, und ein Bild schiebt ihn nach unten. Gut: 0,1 oder weniger.
• INP – Interaction to Next Paint (Reaktionsschnelligkeit). INP beobachtet Klicks, Taps und Tastendrücke über den ganzen Besuch und fasst die langsamste (oder fast langsamste) Verzögerung zwischen Ihrer Eingabe und der nächsten sichtbaren Aktualisierung zusammen. INP hat im März 2024 die ältere Kennzahl FID abgelöst. Gut: 200 Millisekunden oder weniger.

Google bewertet jede Kennzahl am 75. Perzentil der echten Besuche, getrennt für Mobil und Desktop: „Gut“ heißt, mindestens drei Viertel der gemessenen Besuche schaffen den Schwellenwert – es können durchaus alle Ihre Besucher darunter liegen. Und alle drei Kennzahlen müssen bestehen, damit die Seite als „gut“ gilt.

So messen Sie sie

• PageSpeed Insights – URL einfügen, und Sie bekommen Laborergebnisse plus, wo vorhanden, echte Felddaten. Ein Haken: Der automatische Labortest interagiert nie mit der Seite und kann INP deshalb nicht messen – nehmen Sie die „Total Blocking Time“ als Hinweis und testen Sie wichtige Interaktionen dann von Hand.
• Der „Core Web Vitals“-Bericht in der Search Console – gruppiert ähnliche indexierte URLs mit genug Felddaten; der Status einer Gruppe richtet sich nach ihrer schlechtesten Kennzahl. Testen Sie beim Diagnostizieren repräsentative URLs einzeln.
• Felddaten (CrUX) – der Chrome User Experience Report, die anonymisierten Echtbesucher-Daten hinter den „Feld“-Zahlen. Er deckt die letzten 28 Tage ab und nur qualifizierende Chrome-Besuche – kein Safari, kein Firefox. Seiten mit wenig Traffic haben womöglich gar keine eigenen Daten, und Korrekturen brauchen Wochen, bis sie sich zeigen.

Nutzen Sie Felddaten, um die echte Leistung zu beurteilen, und Labortests, um Probleme zu reproduzieren und einzugrenzen – keins von beiden erzählt allein die ganze Geschichte. Eine Seite kann im sauberen Labortest glänzen und bei echten Nutzern auf langsameren Handys und Netzen trotzdem stolpern.

Was üblicherweise hilft

• LCP: Finden Sie zuerst das LCP-Element – es kann Text sein und sich zwischen Mobil und Desktop unterscheiden – und suchen Sie die langsame Phase in seinem Zeitverlauf. Ist es ein Bild: richtige Abmessungen, modernes Format, niemals verzögert laden (Lazy Loading), im ersten HTML auffindbar, wo sinnvoll priorisiert. Prüfen Sie auch die Antwortzeit des Servers und CSS oder Skripte, die das Rendern blockieren. Startet die Verbindung zu einem kritischen Dritt-Host zu spät, hilft preconnect – sparsam, nicht für jeden Host. Siehe Optimieren Sie Ihre Bilder.
• CLS: Reservieren Sie Platz für Bilder, Anzeigen und Einbettungen – mit expliziter Breite und Höhe (oder einer Box mit festem Seitenverhältnis) – und schieben Sie keine Banner über bestehende Inhalte. Dann jagen Sie die restlichen Quellen: Schriftwechsel bei Webfonts, Einwilligungshinweise und dynamisch eingefügte Inhalte können das Layout verschieben, selbst wenn jedes Bild Abmessungen hat.
• INP: Zerlegen Sie lange Aufgaben im Hauptthread (dem einen Arbeitsstrang des Browsers) und streichen oder verschieben Sie Skripte, die Sie nicht brauchen. Meist ist JavaScript der Übeltäter – aber auch teure Stil-, Layout- oder Rendering-Arbeit kann den Hauptthread blockieren.

Im richtigen Verhältnis sehen

Core Web Vitals zählen – aber gute Werte garantieren keine Rankings, und relevante, hilfreiche Inhalte bleiben unverzichtbar. Die Seitenerfahrung fällt meist dann ins Gewicht, wenn mehrere Ergebnisse sonst ähnlich nützlich sind. Verfolgen Sie die Werte, weil eine schnelle, stabile, reaktionsschnelle Website Ihren Besuchern besser dient – jeden Ranking-Schub nehmen Sie als Bonus mit.

Erreichen Sie bei allen dreien „gut“ – und lassen Sie es dann gut sein. Ein CDN wie Cloudflare kann bei der Auslieferung helfen, aber eine schwere Seite repariert es nicht für Sie.

Was zu tun ist

1. Jagen Sie Ihre Startseite und die wichtigsten Landingpages durch PageSpeed Insights.
2. Öffnen Sie den „Core Web Vitals“-Bericht in der Search Console und beheben Sie zuerst die Gruppe mit „schlecht“ – testen Sie dabei repräsentative URLs, nicht nur das Gruppen-Etikett.
3. Finden Sie auf jeder wichtigen Seite das LCP-Element, mobil und am Desktop; ist es ein Bild, bringen Sie Größe, Auffindbarkeit und Ladeverhalten in Ordnung.
4. Geben Sie jedem Bild Breite und Höhe – und prüfen Sie dann auf Verschiebungen durch Schriften, Banner und nachträglich eingefügte Inhalte.
5. Gehen Sie Ihr JavaScript durch und verschieben oder streichen Sie alles, was nicht nötig ist.