Was sind Core Web Vitals?

Core Web Vitals sind Googles Versuch, die wahrgenommene Qualität einer Seite in drei klare Dimensionen zu zerlegen: Ladeerlebnis, Reaktionsfähigkeit und visuelle Stabilität. Genau deshalb sind sie nützlich. Sie sagen nicht einfach nur, ob eine Website „schnell“ ist, sondern wie sich die Nutzung tatsächlich anfühlt.

Die drei Kennzahlen heißen LCP (Largest Contentful Paint), INP (Interaction to Next Paint) und CLS (Cumulative Layout Shift). Jede Kennzahl beantwortet eine andere Frage. Wann ist der wichtigste Inhalt sichtbar? Wie schnell reagiert die Seite auf Eingaben? Bleibt das Layout ruhig oder springt es während des Ladens?

LCP: wann sich das Laden abgeschlossen anfühlt

LCP misst den Zeitpunkt, an dem das größte sichtbare Element im sichtbaren Bereich dargestellt wird. Das ist oft ein Header-Bild, eine Headline oder ein großer Inhaltsblock. Für die Wahrnehmung ist dieser Punkt viel wichtiger als der Moment, in dem irgendeine Datei im Hintergrund fertig geladen hat.

Darum beschreibt LCP vor allem das Ladeerlebnis aus Nutzersicht. Eine Seite kann technisch schon Fortschritte machen, sich aber trotzdem träge anfühlen, wenn das wichtigste Element auf Bilder, blockierendes CSS, große Schriftdateien oder langsame Serverantworten warten muss.

Wer verstehen will, warum sich Ladeverhalten überhaupt langsam anfühlt, findet im Beitrag warum sich eine Website langsam anfühlt einen hilfreichen Einstieg in die Ursachenebenen.

INP: wie gut die Seite auf Interaktionen reagiert

INP ersetzt das ältere FID als umfassenderes Signal für Reaktionsfähigkeit. Es betrachtet nicht nur den ersten Kontakt, sondern die Verzögerung zwischen einer Nutzeraktion und dem nächsten sichtbaren Repaint. Das ist wichtig, weil Nutzer Webseiten nicht als einen einzelnen Ladevorgang erleben, sondern als eine Folge von Klicks, Eingaben und Reaktionen.

Ein schwacher INP weist oft auf eine überlastete Main Thread hin. Lange JavaScript-Ausführungen, schwere Event-Handler, ein großes DOM oder kostspielige Rendering-Vorgänge können verhindern, dass der Browser sofort auf Eingaben reagiert. Die Interaktion kommt an, aber die sichtbare Antwort verspätet sich.

Besonders spürbar ist das auf Formularen, Produktfiltern, Menüs und Dashboards. Dort zählt nicht nur, dass etwas erscheint, sondern dass es nach jeder Eingabe zügig reagiert. Deshalb ist INP keine Ergänzung zum LCP, sondern eine eigene Perspektive auf die Qualität der Bedienung.

CLS: warum visuelle Stabilität Vertrauen schafft

CLS beschreibt unerwartete Verschiebungen von Elementen auf der Seite. Wenn Inhalte nach oben oder unten rutschen, sobald eine Anzeige, ein Bild oder eine Schriftart nachlädt, verliert der Nutzer die Orientierung. Besonders ärgerlich ist das bei Buttons oder Links, die im falschen Moment an eine andere Stelle springen.

Visuelle Stabilität ist kein Schönheitsdetail. Sie schützt vor Fehlklicks, reduziert kognitive Belastung und vermittelt Ordnung. Eine ruhige Seite wirkt planbar, eine springende Seite unzuverlässig.

Typische Ursachen für Layout-Shift

• Bilder ohne feste Breite und Höhe.
• Werbeplätze oder Embeds, die später eingefügt werden.
• Webfonts, die zunächst mit Ersatzschrift erscheinen und danach umbrechen.
• Banners, Hinweise oder dynamische Elemente, die Platz wegnehmen.

Labordaten und Felddaten: nicht dasselbe Bild

Bei Core Web Vitals wird oft zwischen Labordaten und Felddaten unterschieden. Labordaten stammen aus einem kontrollierten Testumfeld mit definierter Hardware, Verbindung und Browserkonfiguration. Felddaten kommen von echten Nutzerinnen und Nutzern mit unterschiedlichen Geräten, Netzen und Nutzungssituationen.

Darum stimmen die Werte nicht immer überein. Eine Seite kann in einer Testumgebung ordentlich aussehen, aber auf älteren Smartphones oder in schwachen Netzen deutlich langsamer wirken. Umgekehrt kann eine synthetische Messung Probleme sichtbar machen, die im Alltag nur wenige Menschen betreffen.

Felddaten sagen, was reale Besucher erlebt haben. Labordaten helfen dabei, Ursachen zu analysieren. Beides zusammen ergibt ein belastbares Bild, während ein einzelner Messwert häufig zu kurz greift.

Warum ein einziger Performance-Score zu grob ist

Ein Gesamtwert ist praktisch, aber er verkürzt die Realität stark. Eine Website kann einen ordentlichen Score haben und trotzdem bei Interaktionen träge wirken oder Layout-Sprünge zeigen. Eine andere kann in einem synthetischen Vergleich schwächer aussehen, im echten Gebrauch aber deutlich angenehmer sein.

Genau hier liegt der Vorteil der Core Web Vitals: Sie trennen Ladeverhalten, Interaktivität und Stabilität. Zusammen beschreiben sie den UX-Eindruck wesentlich genauer als eine einzelne Zahl.

TTFB im Verhältnis zu LCP

TTFB steht für Time to First Byte und beschreibt, wie schnell der Server das erste Byte der Antwort liefert. Das ist nicht dasselbe wie LCP, beeinflusst es aber häufig. Wenn der Server spät antwortet, kommt auch das HTML später an, und wichtige Inhalte können erst verzögert gerendert werden.

Gleichzeitig gilt: Ein gutes TTFB garantiert noch kein gutes LCP. Bilder, CSS, clientseitiges Rendering und JavaScript können das Laden des Hauptinhalts trotzdem verzögern. TTFB ist also ein wichtiger Baustein, aber nicht die ganze Geschichte. Eine hilfreiche Grundklärung finden Sie im Beitrag was TTFB konkret bedeutet.

Core Web Vitals als Teil echter Nutzererfahrung

Am nützlichsten sind Core Web Vitals, wenn man sie nicht als abstrakte Zielmarken liest, sondern als Beschreibung realer Nutzung. Kommt der Hauptinhalt rechtzeitig? Reagiert die Seite sauber auf Eingaben? Bleibt alles dort, wo es sein soll? Diese Fragen verbinden Technik mit Wahrnehmung.

Darum sollten die drei Kennzahlen nie gegeneinander ausgespielt werden. LCP erklärt das Ankommen, INP die Reaktion und CLS die Ordnung. Erst zusammen ergeben sie ein Bild davon, wie sich eine Seite wirklich anfühlt.

Core Web Vitals verbessern sich, wenn Inhalte kürzere Wege zurücklegen und weniger Elemente neu berechnet werden müssen. Ein CDN hilft bei der Auslieferung, während Website-Caching Verzögerungen durch dynamisch erzeugte Seiten verringert.