Core Web Vitals: Was Google misst und wie Sie es beheben

Google bewertet Websites anhand von Nutzererfahrungsmetriken namens Core Web Vitals. Was sie messen, warum sie wichtig sind und wie Sie Ihre verbessern.

Google interessiert sich nicht mehr nur für Ihren Inhalt. Es interessiert sich dafür, wie sich Ihre Website anfühlt. Ladezeit, Reaktionsfähigkeit, visuelle Stabilität. Das sind keine netten Extras. Das sind Ranking-Faktoren.

Die Metriken, die Google dafür verwendet, heißen Core Web Vitals. Wenn Ihre Website schlecht abschneidet, verlieren Sie Positionen an Wettbewerber mit besseren Werten. Selbst wenn Ihr Inhalt überlegen ist.

Was sind Core Web Vitals?

Core Web Vitals sind drei spezifische Messungen, die Google verwendet, um die Nutzererfahrung Ihrer Website zu bewerten. Sie konzentrieren sich auf Ladegeschwindigkeit, Interaktivität und visuelle Stabilität.

Largest Contentful Paint (LCP) misst, wie lange es dauert, bis das größte sichtbare Element auf Ihrer Seite geladen ist. Das ist normalerweise ein Hero-Bild, ein Video-Thumbnail oder ein großer Textblock.

Schwellenbereiche der drei Core Web Vitals: LCP gut unter 2,5 Sekunden und schlecht über 4,0, INP gut unter 200 Millisekunden und schlecht über 500, CLS gut unter 0,1 und schlecht über 0,25.
Der Beitrag nennt den guten Wert je Metrik. Die Abbildung ergänzt die Grenze darüber, damit Sie die ganze Skala sehen, an der Sie gemessen werden.Bild in voller Größe ansehen

Guter LCP: unter 2,5 Sekunden. Alles über 4 Sekunden gilt als schlecht.

Interaction to Next Paint (INP) hat die alte First Input Delay-Metrik im März 2024 abgelöst. Es misst, wie schnell Ihre Seite reagiert, wenn jemand mit ihr interagiert. Klicks, Taps, Tastatureingaben. INP betrachtet alle Interaktionen während des gesamten Seitenbesuchs, nicht nur die erste.

Guter INP: unter 200 Millisekunden. Wenn sich Ihre Buttons träge anfühlen oder Ihre Formulare verzögern, ist Ihr INP wahrscheinlich schlecht.

Cumulative Layout Shift (CLS) misst, wie sehr Ihre Seite während des Ladens herumspringt. Sie kennen das Ärgernis, wenn Sie gerade auf einen Button tippen wollen und die Seite sich verschiebt, sodass Sie stattdessen auf eine Anzeige tippen? Das ist Layout Shift. Google hasst das. Nutzer auch.

Guter CLS: unter 0,1. Je niedriger, desto besser.

Warum diese Metriken Ihre Rankings beeinflussen

Googles Ziel ist es, Menschen auf Seiten zu schicken, die sie wirklich gerne besuchen. Wenn Ihre Website langsam, nicht reagierend oder springend ist, verlassen die Besucher sie. Google bemerkt das.

Websites mit guten Core Web Vitals haben tendenziell niedrigere Absprungraten und höheres Engagement. Google belohnt das mit besseren Positionen in den Suchergebnissen.

Das ist nicht theoretisch. Google hat ausdrücklich erklärt, dass Core Web Vitals Ranking-Signale sind. Sie sind Teil des umfassenderen "Page Experience"-Updates, das seit 2021 schrittweise eingeführt und verfeinert wird.

Die praktische Auswirkung: Zwei Websites mit gleich gutem Inhalt, aber eine lädt in 1,5 Sekunden und die andere in 5 Sekunden. Die schnelle gewinnt. Jedes Mal.

So prüfen Sie Ihre Werte

Bevor Sie etwas reparieren, müssen Sie wissen, wo Sie stehen.

Google PageSpeed Insights ist das Standardwerkzeug. Geben Sie Ihre URL ein und Sie erhalten Bewertungen für alle drei Core Web Vitals plus Verbesserungsvorschläge. Es zeigt sowohl Labordaten (simulierte Tests) als auch Felddaten (echte Nutzermessungen).

Google Search Console hat einen Core Web Vitals-Bericht, der zeigt, welche Seiten auf Ihrer Website bestehen oder durchfallen, gruppiert nach Problemtyp. Nützlich, um Muster auf Ihrer gesamten Website zu finden.

Chrome DevTools ermöglicht tiefere Analyse für technisch Versierte. Der Performance-Tab zeigt genau, was beim Seitenaufbau passiert, Bild für Bild.

Beginnen Sie mit PageSpeed Insights. Es liefert das klarste Bild mit dem geringsten Aufwand.

Langsames Laden beheben (LCP)

LCP-Probleme kommen fast immer auf eines zurück: Etwas Großes braucht zu lange zum Laden. So beheben Sie es.

Optimieren Sie Ihre Bilder. Das ist der Hauptverursacher Nummer eins. Verwenden Sie moderne Formate wie WebP oder AVIF statt PNG oder JPEG. Komprimieren Sie alles. Ein Hero-Bild muss keine 4 MB haben.

Balkendiagramm: dasselbe Bild mit 1536 Pixeln Breite wiegt 2288 KB als PNG, 203 KB als JPEG und 159 KB als WebP.
Die drei Formate aus der Zeile darüber, an einem Bild mit 1536 mal 1024. WebP lag bei gleicher Qualitätsstufe 22% unter JPEG und 93% unter dem Quell-PNG.Bild in voller Größe ansehen

Nutzen Sie Lazy Loading. Bilder unterhalb des sichtbaren Bereichs müssen nicht sofort geladen werden. Lassen Sie sie laden, während der Nutzer scrollt. Aber laden Sie Ihr Hero-Bild nicht lazy. Das ist dasjenige, das Sie zuerst geladen haben wollen.

Minimieren Sie die Server-Antwortzeit. Wenn Ihr Server zwei Sekunden braucht, nur um mit dem Datenversand zu beginnen, kann Ihr LCP unmöglich gut sein. Besseres Hosting macht einen echten Unterschied. Wir haben die besten Optionen in unserem Hosting-Vergleichsleitfaden behandelt.

Entfernen Sie Render-blockierende Ressourcen. Wenn Ihre Seite 15 CSS-Dateien und 20 JavaScript-Dateien herunterladen und verarbeiten muss, bevor sie irgendetwas anzeigen kann, wird sie langsam sein. Inlinen Sie kritisches CSS, verzögern Sie nicht-essentielle Skripte und entfernen Sie, was Sie nicht brauchen.

Für einen tieferen Einblick in Geschwindigkeit lesen Sie unseren Leitfaden zur Website-Geschwindigkeitsoptimierung.

Langsame Interaktionen beheben (INP)

INP-Probleme bedeuten, dass Ihre Seite zu viel Arbeit verrichtet, wenn jemand versucht, mit ihr zu interagieren. Der Browser ist beschäftigt und kann nicht schnell reagieren.

Reduzieren Sie die JavaScript-Ausführungszeit. Schwere Skripte blockieren den Haupt-Thread. Wenn Ihre Seite 2 MB JavaScript lädt, wird sich jeder Klick langsam anfühlen. Überprüfen Sie Ihre Skripte und entfernen Sie, was nicht essentiell ist.

Teilen Sie lange Aufgaben auf. Wenn eine einzelne JavaScript-Aufgabe über 50 Millisekunden dauert, kann der Browser während dieser Zeit nicht auf Nutzereingaben reagieren. Teilen Sie aufwändige Operationen in kleinere Häppchen auf.

Reduzieren Sie Drittanbieter-Skripte. Analytics, Chat-Widgets, Social-Media-Einbettungen, Tracking-Pixel. Jedes fügt Gewicht hinzu. Seien Sie konsequent bei dem, was Sie wirklich brauchen.

Nutzen Sie Web Worker für aufwändige Berechnungen. Wenn Ihre Seite Daten verarbeiten muss, lagern Sie das vom Haupt-Thread aus, damit die Benutzeroberfläche reaktionsfähig bleibt.

Layout-Verschiebungen beheben (CLS)

Layout Shift ist meist am einfachsten zu beheben, weil die Ursachen vorhersehbar sind.

Geben Sie immer Abmessungen für Bilder und Videos an. Wenn der Browser nicht weiß, wie groß ein Bild sein wird, rendert er die Seite ohne es und verschiebt dann alles, wenn das Bild geladen wird. Geben Sie width- und height-Attribute in Ihrem HTML an.

Reservieren Sie Platz für Anzeigen und Einbettungen. Wenn Sie Anzeigen haben, die nach dem Seiteninhalt geladen werden, drücken sie alles nach unten. Geben Sie ihnen eine feste Container-Größe.

Vermeiden Sie das Einfügen von Inhalten über bestehendem Inhalt. Banner, die von oben hereinrutschen, Cookie-Hinweise, die die Seite nach unten drücken. Das zerstört Ihren CLS-Wert.

Verwenden Sie font-display: swap mit Bedacht. Web-Schriften, die spät geladen werden, können dazu führen, dass Text umfließt. Laden Sie Ihre Schriften vor oder verwenden Sie Systemschriften als Fallback.

Jenseits der Core Web Vitals: Was sonst noch die Rankings beeinflusst

Core Web Vitals sind wichtig, aber sie sind nicht alles. Google verwendet Hunderte von Ranking-Signalen. Die wichtigsten neben der Seitenerfahrung:

Inhaltsqualität. Ihr Inhalt muss die Suchanfrage besser beantworten als alle anderen. Keine Geschwindigkeitsoptimierung repariert dünnen, nutzlosen Inhalt. Das Verständnis der SEO-Grundlagen ist unerlässlich.

Backlinks. Andere Websites, die auf Ihre verlinken, signalisieren Autorität. Qualität vor Quantität.

Mobile-Freundlichkeit. Google indexiert zuerst die mobile Version Ihrer Website. Wenn sie auf dem Handy nicht nutzbar ist, haben Sie ein Problem.

HTTPS. Ihre Website braucht ein SSL-Zertifikat. Nicht-HTTPS-Websites werden abgestraft. Das ist auch eine grundlegende Sicherheitsanforderung.

Strukturierte Daten. Schema-Markup hilft Google, Ihren Inhalt zu verstehen, und kann Ihnen Rich Snippets in den Suchergebnissen einbringen.

Der echte Wettbewerbsvorteil

Die meisten Unternehmen ignorieren Core Web Vitals, weil sie technisch erscheinen. Genau deshalb verschafft Ihnen deren Optimierung einen Vorsprung.

Wenn Ihre Wettbewerber langsame, ruckelnde Websites haben und Ihre schnell und geschmeidig ist, bemerkt Google das. Nutzer bemerken es. Und der Vorsprung wächst mit der Zeit, wenn sich Ihre Engagement-Metriken verbessern und Ihre Rankings steigen.

Das ist einer dieser Bereiche, in denen eine technisch gut gebaute Website sich selbst bezahlt macht. Websites, die auf sauberem, maßgeschneidertem Code aufgebaut sind, schneiden bei Core Web Vitals deutlich besser ab als Websites, die mit Page-Buildern und Plugins überladen sind. Es ist der Unterschied zwischen einem Maßanzug und einem von der Stange. Beide funktionieren, aber einer sitzt besser. Eine maßgeschneiderte Website mit Premium-Ästhetik lädt auf jedem Gerät schnell, weil kein Builder-Overhead sie ausbremst.


Ihr Google-Ranking hängt nicht mehr nur von Keywords und Backlinks ab. Es geht darum, wie Ihre Website für echte Nutzer performt. Wenn Sie wissen möchten, wo Ihre Website steht und was zuerst zu beheben ist, zeigt Ihnen unsere kostenlose Website-Analyse genau das.

Diesen Artikel teilen

Verwandte Artikel

KontaktWhatsApp