Wie Google Ihre Website bewertet: Core Web Vitals erklärt

Google bewertet Websites nicht nur nach Inhalt, sondern auch nach technischer Qualität. Die Core Web Vitals sind die drei Kennzahlen die Google dafür nutzt – und sie beeinflussen direkt Ihr Ranking.

In diesem Artikel erkläre ich, was die drei Werte bedeuten und wie Sie sie verbessern. Ohne Entwickler-Jargon.

Was sind Core Web Vitals?

Core Web Vitals sind drei Metriken die messen, wie schnell und stabil Ihre Website für Besucher ist:

1. LCP (Largest Contentful Paint): Wie lange dauert es, bis der Hauptinhalt sichtbar ist?
2. INP (Interaction to Next Paint): Wie schnell reagiert die Seite auf Klicks?
3. CLS (Cumulative Layout Shift): Springt der Inhalt beim Laden herum?

Diese Werte sind seit 2021 offizielle Ranking-Faktoren. Gute Werte allein bringen Sie nicht auf Platz 1 – aber schlechte Werte können Sie runterziehen.

LCP: Largest Contentful Paint

Was es misst: Die Zeit bis das größte sichtbare Element geladen ist. Das ist meist das Hauptbild oder der Haupttext-Block.

Zielwert: Unter 2,5 Sekunden

Warum es wichtig ist: LCP bestimmt, wann Besucher das Gefühl haben, dass die Seite „da" ist. Alles über 2,5 Sekunden fühlt sich langsam an.

Häufige Probleme:

• Große, unkomprimierte Hero-Bilder
• Langsamer Server (Time to First Byte)
• Render-blockierendes JavaScript oder CSS
• Web-Fonts die spät laden

Schnelle Fixes:

• Hero-Bild in WebP/AVIF komprimieren und mit korrekten Maßen ausliefern
• Kritisches CSS inline laden
• Schriften vorladen (preload)
• Besseres Hosting wenn der Server langsam antwortet

INP: Interaction to Next Paint

Was es misst: Die Reaktionszeit der Seite wenn ein Besucher klickt, tippt oder scrollt. INP hat 2024 den älteren FID (First Input Delay) abgelöst und ist strenger.

Zielwert: Unter 200 Millisekunden

Warum es wichtig ist: Eine Seite die verzögert auf Klicks reagiert, fühlt sich kaputt an. Besucher klicken nochmal, werden ungeduldig und gehen.

Häufige Probleme:

• Schweres JavaScript das den Main Thread blockiert
• Zu viele Event-Listener
• Komplexe Animationen die bei Interaktion laufen

Schnelle Fixes:

• Nicht benötigtes JavaScript entfernen oder lazy loaden
• Lange Tasks aufbrechen (unter 50ms pro Task)
• Animationen auf CSS statt JavaScript umstellen

CLS: Cumulative Layout Shift

Was es misst: Wie sehr springt der Inhalt beim Laden herum? Kennen Sie das: Sie wollen auf einen Link klicken, und plötzlich rutscht alles nach unten weil ein Bild geladen wurde? Das ist Layout Shift.

Zielwert: Unter 0,1

Warum es wichtig ist: Layout Shifts sind frustrierend. Im schlimmsten Fall klicken Besucher versehentlich auf das Falsche – z.B. eine Werbeanzeige statt des gewünschten Links.

Häufige Probleme:

• Bilder ohne definierte Breite und Höhe
• Werbebanner die erst nach dem Laden eingefügt werden
• Web-Fonts die anders breit sind als die Fallback-Schrift
• Dynamisch eingefügter Inhalt über bestehendem Content

Schnelle Fixes:

• Immer width und height auf Bildern setzen (oder CSS aspect-ratio)
• Platz für Werbung und dynamische Inhalte reservieren
• Font-Display: optional oder swap mit ähnlicher Fallback-Schrift

Wie Sie Ihre Werte prüfen

1. PageSpeed Insights: pagespeed.web.dev – zeigt Lab-Daten und (wenn verfügbar) echte Nutzerdaten
2. Google Search Console: Unter „Core Web Vitals" sehen Sie den Status für alle Ihre Seiten
3. Chrome DevTools: Performance-Tab für detaillierte Analyse

Wichtig: Die „Lab-Daten" in PageSpeed Insights simulieren ein langsames Mobilgerät. Die „Felddaten" zeigen echte Nutzererfahrungen. Felddaten sind relevanter, brauchen aber genug Traffic um angezeigt zu werden.

Fazit

Core Web Vitals sind kein Hexenwerk. Die meisten Probleme lassen sich mit ein paar gezielten Maßnahmen lösen: Bilder komprimieren, JavaScript reduzieren, Dimensionen für Medien angeben. Wenn Sie bei PageSpeed Insights über 90 Punkte kommen, sind Sie auf der sicheren Seite.