Core Web Vitals verbessern: Ladezeit, Interaktivität und Stabilität optimieren

Was sind Core Web Vitals?

Core Web Vitals sind drei Metriken von Google, die die Nutzererfahrung Ihrer Website messen. Seit 2021 sind sie ein offizieller Rankingfaktor. Sie messen drei Aspekte: Wie schnell lädt der Hauptinhalt? Wie schnell reagiert die Seite auf Eingaben? Wie stabil bleibt das Layout beim Laden?

LCP — Largest Contentful Paint (Ladezeit)

Zielwert: unter 2,5 Sekunden. LCP misst, wie lange es dauert, bis das größte sichtbare Element (Bild, Textblock) geladen ist.

So verbessern Sie LCP:

• Bilder in WebP-Format konvertieren und komprimieren
• Lazy Loading für Bilder unterhalb des sichtbaren Bereichs
• Schnelles Hosting mit SSD und HTTP/2
• Critical CSS inline laden, Rest verzögern
• Server-Response-Zeit unter 200ms

INP — Interaction to Next Paint (Interaktivität)

Zielwert: unter 200 Millisekunden. INP misst, wie schnell die Seite auf Nutzereingaben reagiert (Klicks, Tippen, Tastatureingaben).

So verbessern Sie INP:

• Schwere JavaScript-Dateien aufteilen (Code Splitting)
• Nicht-kritisches JavaScript mit defer oder async laden
• Long Tasks vermeiden (keine Berechnungen über 50ms)
• Event Handler optimieren

CLS — Cumulative Layout Shift (Stabilität)

Zielwert: unter 0,1. CLS misst, ob sich Seitenelemente beim Laden unerwartet verschieben — z.B. wenn ein Bild nachlädt und den Text nach unten drückt.

So verbessern Sie CLS:

• Feste Abmessungen (width/height) für alle Bilder und Videos
• Platzhalter für Werbeflächen und dynamische Inhalte
• Web-Fonts mit font-display: swap laden
• Keine Inhalte dynamisch oberhalb bestehender Elemente einfügen

So testen Sie Ihre Core Web Vitals

• PageSpeed Insights: pagespeed.web.dev — Lab- und Felddaten
• Google Search Console: Core Web Vitals Bericht mit echten Nutzerdaten (mehr zu SEO-KPIs)
• Chrome DevTools: Performance-Tab für detaillierte Analyse
• Web Vitals Extension: Chrome-Erweiterung für Echtzeit-Messung