Was sind die Core Web Vitals

Alles, was du über die Core Web Vitals wissen musst, um schneller zu sein & aufzufallen!

Arjen Karel Core Web Vitals Consultant
Arjen Karel - linkedin
Last update: 2026-02-08

Die Core Web Vitals - kurz gesagt

Die Core Web Vitals sind nicht nur optionale, "nice-to-have" Metriken. Sie sind der Goldstandard, den Google verwendet, um zu beurteilen, wie gut deine Website lädt, interagiert und wie visuell stabil sie ist. Die 3 Metriken, aus denen die Core Web Vitals bestehen, sind: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS). Google bewertet die Core Web Vitals deiner Seite mit Gut, Verbesserungswürdig oder Schlecht.

Sie zu bestehen, könnte sehr wohl der Unterschied zwischen Erfolg und Mittelmäßigkeit sein, denn wenn du nicht dafür optimierst, sagst du deinen Nutzern im Grunde, dass dir ihre Online-Erfahrung egal ist.

Bereit zu lernen, schneller zu werden und aufzufallen? Lass uns in die Beherrschung dieser Metriken eintauchen.

Was sind die Core Web Vitals?

Googles Core Web Vitals sind drei sich ständig ändernde Metriken (Largest Contentful, Interaction to Next Paint und Cumulative Layout Shift), die die Benutzererfahrung einer Website messen. Diese Metriken konzentrieren sich auf 3 Aspekte der Benutzererfahrung im echten Leben (oder Feld):

  • Laden: wie schnell Seiteninhalte laden
  • Interaktivität: wie schnell ein Browser auf die Eingabe eines Benutzers reagieren kann
  • Stabilität: wie (un)stabil der Inhalt ist, während er im Browser lädt.

Bestehen der Core Web Vitals

Jeder der Core Web Vitals-Metriken wird basierend auf von Google erstellten Schwellenwerten mit Gut, Verbesserungswürdig oder Schlecht bewertet. Um die Core Web Vitals zu bestehen, müssen mindestens 75% deiner Besucher einen 'guten' LCP-, INP- und CLS-Score im Google CrUX-Datensatz auf URL-Ebene haben. Wenn Daten auf URL-Ebene nicht verfügbar sind, kann Google auf URL-Gruppen- oder sogar Origin-Level-Daten zurückgreifen.


 Gut Verbesserungswürdig Schlecht
Largest Contentful Paint < 2500ms 2500ms - 4000ms > 4000+ms
Interaction to Next Paint < 200ms 200ms - 500ms > 500ms
Cumulative layout Shift < 0.1 0.1-0.25 > 2.5


Ein tieferer Blick in die Core Web Vitals Metriken

Lass uns einen genaueren Blick auf die 3 aktuellen Core Web Vitals-Metriken werfen und sehen, was genau ihr Zweck ist:

Largest Contentful Paint (LCP) - Laden

Die Largest Contentful Paint (LCP) Metrik repräsentiert, wie schnell deine Seite lädt.

Das LCP Element selbst ist das größte einzelne 'inhaltsreiche' Element, das auf dem sichtbaren Teil des Bildschirms gemalt wurde. Inhaltsreich bedeutet, dass nicht einfach jedes Element ein LCP-Kandidat werden kann. Nein, das Element muss einen sinnvollen Inhalt haben. Die Definition ist diesmal ziemlich streng: LCP-Kandidaten, die berücksichtigt werden, sind: Bilder, Textblöcke oder Videos, die im Viewport sichtbar sind, relativ dazu, wann der Benutzer zuerst auf die Seite navigiert ist.

Der Largest Contentful Paint (LCP) Wert ist die Zeit in Millisekunden zwischen dem Anfordern der Seite und dem Zeitpunkt, an dem das größte inhaltsreiche Element auf dem sichtbaren Teil des Webbildschirms (above the fold) angezeigt wird.

Der Largest Contentful Paint (LCP) wurde gewählt, weil er sich auf die Benutzererfahrung eines Besuchers konzentriert. Wenn der LCP auftritt, kannst du annehmen, dass ein Besucher denkt, die Seite sei fertig (obwohl das vielleicht gar nicht der Fall ist). Der LCP wurde erstellt, um die Frage zu beantworten: ' [url=https://calendar.perfplanet.com/2019/developing-the-largest-contentful-paint-metric/]Wann ist der Inhalt einer Seite sichtbar?[/url]'.


Interaction to Next Paint (INP) - Interaktivität

Der Interaction to Next Paint (INP) repräsentiert die Interaktivität deiner Seite. Die Metrik misst, wie schnell der Browser das Layout nach einer Interaktion mit einer Webseite aktualisieren kann.

Der Interaction to Next Paint Wert ist die Zeitdifferenz zwischen jeder Benutzerinteraktion und der endgültigen Präsentationsänderung auf der Seite. Die langsamste aller Interaktionen (oder das 98. Perzentil) bestimmt die endgültige Interaction to Next Paint (INP) Metrik.

Der INP ist ein reiner Feldwert und kann nicht von Labor- Tools wie Lighthouse gemessen werden, da er echte Benutzereingaben erfordert. In Lighthouse korreliert die Total Blocking Time Metrik ziemlich gut mit dem Interaction to Next Paint. Während der INP normalerweise (viel) niedriger ist als die Total Blocking Time, verbessert die Verbesserung der TBT auch den INP.

Cumulative Layout Shift (CLS) - Visuelle Stabilität

Der Cumulative Layout Shift (CLS) repräsentiert den visuellen Stabilitäts-Teil der Core Web Vitals. Der Cumulative Layout Shift (CLS) misst unerwartete Bewegungen von Elementen auf der Seite, während Inhalte gerendert werden oder neue Inhalte auf der Seite angezeigt werden.

Der CLS-Wert basiert auf 2 'Fraktionen'. Der Impact Fraction und der Distance Fraction. Wenn ein Element visuell 'instabil' ist, wird es seine Dimensionen ändern, was dazu führt, dass sich anderer Inhalt verschiebt. Die Distanz ist die Anzahl der Pixel relativ zum Viewport. Der Einfluss ist die Größe der betroffenen Elemente relativ zum Viewport.

Warum sind die Core Web Vitals wichtig?

Jetzt, da du weißt, was die Core Web Vitals sind, ist die nächste Frage: "Warum sollte ich mich um die Core Web Vitals kümmern?". Nun, das ist eine großartige Frage.

  • Verbesserte Benutzererfahrung. Core Web Vitals beeinflussen direkt, wie Benutzer mit deiner Website interagieren. Durch die Optimierung dieser Metriken kannst du deinen Kunden eine schnellere, reaktionsschnellere und visuell stabilere Erfahrung bieten. Dies führt zu: Erhöhtem Engagement und Verweildauer auf deiner Seite, niedrigeren Absprungraten & höheren Konversionsraten (Quelle: [url=https://web.dev/case-studies/vitals-business-impact]Google[/url]).
  • Suchmaschinenoptimierung (SEO). Google hat Core Web Vitals zu einem [url=https://developers.google.com/search/blog/2020/11/timing-for-page-experience]Rankingfaktor[/url] in seinem Suchalgorithmus gemacht. Das bedeutet: Bessere Core Web Vitals können zu höheren Suchmaschinen-Rankings, verbesserter Sichtbarkeit in Suchergebnissen & mehr organischem Traffic auf deiner Website führen
  • Mobile Leistung. Mit der zunehmenden Nutzung von Smartphones für Online-Shopping und Recherche sind Core Web Vitals entscheidend für die mobile Leistung: 70% der Menschen nutzen Smartphones, um Produkte vor dem Kauf zu recherchieren & [url=https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/negative-mobile-experience-statistics/]62%[/url] tätigen eher Geschäfte mit Unternehmen, die mobilfreundliche Websites haben.
  • Wettbewerbsvorteil. Durch die Priorisierung von Core Web Vitals kannst du: Konkurrenten voraus sein, die diese Metriken möglicherweise vernachlässigen, eine überlegene Benutzererfahrung im Vergleich zu anderen Unternehmen in deiner Branche bieten & potenziell Marktanteile von langsameren, weniger reaktionsschnellen oder weniger stabilen Websites erobern.
  • Andere. Neben den oben genannten Vorteilen sind die Core Web Vitals recht gut dokumentiert (und das ist einzigartig für einen bekannten Google-[url=https://developers.google.com/search/docs/appearance/page-experience]Rankingfaktor[/url]). Wenn du Google Ads verwendest, erhältst du einen [url=https://support.google.com/google-ads/answer/6167130]Verbesserten Ad Score[/url]. Das bedeutet, dass du deine Anzeigen günstiger kaufen kannst, und schließlich ist das Bestehen der Core Web Vitals eine der Voraussetzungen für Googles Top Story Box.

Messen der Core Web Vitals

Da sich die Core Web Vitals auf 3 Aspekte der Benutzererfahrung im echten Leben (oder Feld) konzentrieren, können sie nur durch Felddaten gemessen werden. Synthetische oder Labortests wie Lighthouse können Einblicke geben, warum deine Seite langsam ist, messen aber NICHT die Core Web Vitals.

CrUX-Daten

Die Core Web Vitals werden von Google gemessen und im [url=https://developer.chrome.com/docs/crux/]CrUX-Datensatz[/url] aufgezeichnet. CrUX ist der offizielle Datensatz des [url=https://web.dev/vitals/]Web Vitals[/url]-Programms. Es gibt einige Möglichkeiten, auf den Datensatz zuzugreifen:

  1. Das [url=https://web.dev/chrome-ux-report-data-studio-dashboard/]CrUX Dashboard[/url] ist ein Data Studio-Dashboard, mit dem du CrUX-Daten abfragen und in ein interaktives Dashboard rendern sowie PDF-Berichte exportieren kannst.
  2. [url=https://developer.chrome.com/docs/crux/bigquery/]CrUX auf BigQuery[/url] bietet eine öffentlich zugängliche Datenbank aller Daten auf Origin-Ebene, die von CrUX gesammelt wurden. Es ist möglich, alle Origins abzufragen, für die Daten gesammelt werden, jede Metrik zu analysieren, die CrUX unterstützt, und nach allen verfügbaren Dimensionen zu filtern. Vollständige Metrik-Histogramme werden in den BigQuery-Tabellen gespeichert, was die Visualisierung von Leistungsverteilungen, einschließlich experimenteller Metriken, ermöglicht.
  3. Die [url=https://developer.chrome.com/docs/crux/api/]CrUX API[/url] bietet programmgesteuerten Zugriff auf CrUX-Daten nach Seite oder Origin und kann weiter nach Formfaktor, effektivem Verbindungstyp und Metriken gefiltert werden.
  4. [url=https://pagespeed.web.dev/]PageSpeed Insights[/url] verwendet CrUX, um Leistungsdaten von echten Benutzern neben Leistungs- möglichkeiten zu präsentieren, die von [url=https://developer.chrome.com/docs/lighthouse/overview/]Lighthouse[/url] unterstützt werden.

CoreDash RUM data

RUM-Daten

Rum-Daten werden aus Real User Monitoring gesammelt. RUM-Daten sind das beinah Beste zum CrUX- Datensatz. Der CrUX-Datensatz ist stark anonymisiert und lässt sich nicht sehr gut analysieren. Die CrUX-Daten hinken auch 28 Tage hinterher. Deshalb verlassen sich viele Core Web Vitals-Profis auf [url=https://coredash.app]Real User Metrics[/url]. Genau wie die CrUX-Daten werden echte Benutzerdaten verwendet, um die Core Web Vitals zu messen.

CoreDash RUM data

Lighthouse

Lighthouse ist ein mächtiges Werkzeug. Aber verstehe das: Lighthouse misst nicht die Core Web Vitals! Lighthouse ist ein sogenanntes LABOR-Tool. Lighthouse führt eine Analyse unter bestimmten Umständen durch. Es navigiert nicht zwischen Seiten, speichert keine Ressourcen, interagiert nicht mit der Website und ahmt keine Umstände des wirklichen Lebens nach.

Dennoch ist Lighthouse ein tolles Werkzeug und wenn es richtig eingesetzt wird, verrät es dir viel über die Core Web Vitals-Probleme auf einer Seite.

Der beste Weg, eine Lighthouse-Analyse zu laden, ist über [url=https://pagespeed.web.dev/]PageSpeed Insights[/url] über deinen Browser oder über das [url=https://github.com/GoogleChrome/lighthouse]Lighthouse-Befehlszeilentool[/url].

lighthouse audit

Wie man die Core Web Vitals verbessert

Die Core Web Vitals sind ein sich ständig ändernder Satz von Metriken und ihre Verbesserung ist keine einmalige Sache. Um den Core Web Vitals voraus zu sein, sollten Websites eine gute PageSpeed- Optimierungsstrategie in ihren Entwicklungs- und Wartungsprozess integrieren. Dazu gehören kontinuierliches Performance-Tracking und die kontinuierliche Implementierung kleiner Verbesserungen.

Die 3 Core Web Vitals interagieren miteinander und die Verbesserung einer hat oft einen positiven oder sogar negativen Effekt auf die anderen. Die Richtlinien sind ein guter Anfang, um jeden der einzelnen Core Web Vitals zu verstehen und zu verbessern:

  • [url=/core-web-vitals/largest-contentful-paint] Verbessere den Largest Contentful Paint[/url]
  • [url=/core-web-vitals/interaction-to-next-paint] Verbessere den Interaction to Next Paint[/url]
  • [url=/core-web-vitals/cumulative-layout-shift] Verbessere den Cumulative Layout Shift[/url]

Google Page Experience und Core Web Vitals

Die Core Web Vitals sind eine Teilmenge von Googles Page Experience Score. Page Experience ist ein Satz von Signalen, die messen, wie Benutzer die Erfahrung der Interaktion mit einer Webseite über ihren reinen Informationswert hinaus wahrnehmen, sowohl auf Mobil- als auch auf Desktop-Geräten.

Du findest die Page Experience-Daten und Core Web Vitals-Daten deiner Seite im Abschnitt 'Verhalten' deines Google Search Console-Kontos.

Page Experience Bericht
Core Web Vitals

Performance is a Feature.

Treating speed as an afterthought fails. Build a performance culture with a dedicated 2-sprint optimization overhaul.

Initialize Project >>

  • 2-Sprint Overhaul
  • Culture Building
  • Sustainable Speed

Deine Fragen zu Core Web Vitals beantwortet

Lernen über die Core Web Vitals

Was solltest du lernen, um ein Core Web Vitals-Experte zu werden?

Also willst du ein Experte sein. Das ist großartig! Du hast eine holprige Fahrt vor dir! Einige Teile der Core Web Vitals sind einfach zu beheben. Andere sind wirklich schwer und erfordern Jahre an Erfahrung. Um ein Core Web Vitals-Export zu werden, musst du im Grunde 4 Eigenschaften beherrschen.

Erstens musst du vollständig verstehen, wie Browser funktionieren. Wie funktioniert der Rendering-Prozess, wie werden Ressourcen geplant, wann wird JavaScript ausgeführt und was passiert während des Paint- Prozesses.

Zweitens musst du JavaScript beherrschen. Ich verbringe einen großen Teil meiner Zeit damit, Entwicklern zu erklären, warum ihr Code langsam ist. Langsamer Code beeinflusst den First Input Delay und auch den Interaction to Next Paint. In den meisten Fällen beeinflusst JavaScript-Code auch den Largest Contentful Paint und den First Contentful Paint.

Drittens musst du ein HTML- und CSS-Experte sein, denn die Art und Weise, wie du deine Anwendungen baust, ist sehr wichtig. Es gibt oft einen schnellen und einen langsameren Weg, Dinge zu tun.

Viertens musst du wissen, wie Netzwerke und Webserver funktionieren. Schnelle Netzwerke, die richtigen http- Header und das richtige Protokoll für die richtige Situation können einen riesigen Unterschied in den Core Web Vitals machen. Wenn du größere Unternehmen beraten willst, solltest du besser vorbereitet kommen!.

Verbesserung der Core Web Vitals

Funktionieren Core Web Vitals-Plugins?

Es gibt viele Plugins und Tools da draußen, die versuchen, die Core Web Vitals zu verbessern. Zum Beispiel wp-rocket. Ich kann stundenlang darüber reden, wie ich über diese Tools denke. Ich erspare dir vorerst die Details. Tatsache ist, dass sie manchmal die Core Web Vitals verbessern und manchmal sehr wenig Wirkung haben.

Es hängt alles von der Art der 'Core Web Vitals-Fehler' ab, die du zu beheben versuchst. Hast du vergessen, deine Bilder per Lazy-Load zu laden oder vergessen, deine Skripte zu verzögern? Diese Tools könnten dann die Core Web Vitals erheblich verbessern. Auf der anderen Seite, wenn deine Langsamkeit durch 'kritische Skripte, die das Layout deiner Seite ändern' (wie ein Slider-Plugin) oder 'eine große DOM- Größe' verursacht wird, richten diese Plugins oft mehr Schaden als Nutzen an.

Im Grunde wird ein Plugin die Probleme beheben, die jeder gute Programmierer in wenigen Stunden beheben könnte. Sie werden die komplizierteren Probleme nicht beheben und könnten sie sogar verschlimmern.

Sollte ich mich auf Mobile oder Desktop konzentrieren?

Das ist eine großartige Frage. Als Faustregel solltest du dich auf Mobile konzentrieren.

Wenn du es schaffst, die mobilen Core Web Vitals zu bestehen, wird es viel einfacher sein, auch die Desktop Core Web Vitals zu bestehen (wenn du sie nicht schon bestehst). Dies liegt daran, dass dein durchschnittliches mobiles Gerät aufgrund geringerer Bandbreite, weniger Speicher und weniger CPU-Leistung langsamer ist als dein durchschnittlicher Desktop.

Es gibt jedoch einige Ausnahmen . Auf einem Desktop ist der sichtbare Viewport größer. Es ist üblich, dass ein mobiles LCP- Element ein textbasiertes Element ist, während auf einem Desktop ein tiefer platziertes Bild zum Largest Contentful Paint-Element wird. Auf dem Desktop steigt auch die Möglichkeit für (kleinere) Layoutverschiebungen, da einfach mehr Bildschirm und mehr sichtbare Elemente zum Verschieben vorhanden sind..

Messen: CrUX, RUM und synthetische Daten

Wenn URL-Level-Daten nicht verfügbar sind, wie bewertet Google die Core Web Vitals?

Google verwendet hauptsächlich URL-Level-Daten aus dem Chrome User Experience Report (CrUX), um Core Web Vitals für das Seitenranking zu bewerten. Wenn spezifische URL-Daten nicht verfügbar sind, kann sich Google auf Daten von ähnlichen URL-Gruppen verlassen, die in der Google Search Console identifiziert werden können. In Ermangelung von sowohl URL-Level- als auch Gruppen-Level-Daten kann Google auf Origin-Level Core Web Vitals-Daten für Ranking-Überlegungen zurückgreifen.

Sind die Core Web Vitals-Daten in Echtzeit?

Nein, Core Web Vitals-Daten sind nicht in Echtzeit. Sie basieren auf dem Chrome User Experience (CrUX) Report, der Daten aus echten Benutzerinteraktionen mit Websites sammelt. Diese Daten haben typischerweise eine Verzögerung von etwa einem Tag oder zwei.
Während die Daten selbst nur leicht verzögert sind (typischerweise 1-2 Tage), bedeutet die rollierende Natur der Berechnung, dass Verbesserungen an deiner Seite einige Zeit dauern können, um die Endnoten zu beeinflussen. Infolgedessen wirst du nach Verbesserungen keine sofortigen großen Änderungen in deinen Core Web Vitals-Metriken sehen. Stattdessen kann es mehrere Wochen dauern, bis deine Verbesserungen das "Zünglein an der Waage" spielen und sich in den gemeldeten Scores widerspiegeln.

Warum gibt es keine Daten in der Search Console oder auf einem anderen CrUX-Tool?

Das liegt höchstwahrscheinlich daran, dass unzureichende Felddaten für deine Seite vorliegen. Google benötigt eine bestimmte Schwelle an Verkehr und Benutzerdaten, bevor es aussagekräftige Geschwindigkeits- metriken generieren kann. Dies ist besonders häufig bei: Neuen Websites, Websites, die kürzlich zur Search Console hinzugefügt wurden, Websites mit geringem Traffic oder Websites, die hinter einem Login verborgen sind (da diese besuchten Seiten wahrscheinlich nicht 'indexierbar' sind).

Beeinflussen Lighthouse-Scores die Core Web Vitals?

Nein, Lighthouse-Scores beeinflussen die Core Web Vitals nicht direkt. Google verwendet Echtzeit-Benutzerdaten aus seinem CrUX-Datensatz, um Core Web Vitals zu bewerten. Der CrUX-Datensatz repräsentiert die tatsächliche Benutzererfahrung auf einer Website.
Lighthouse kann ein hilfreiches Werkzeug sein, um potenzielle Probleme zu identifizieren, die sich auf Core Web Vitals auswirken können. Es ist am wichtigsten, sich auf die Verbesserung der Metriken selbst basierend auf echten Benutzerdaten zu konzentrieren.

Was sind die Core Web Vitals Core Web Vitals Was sind die Core Web Vitals