Core Web Vitals einfach erklärt — LCP, INP, CLS verstehen

Was sind Core Web Vitals?

Core Web Vitals sind drei Metriken, mit denen Google die Nutzererfahrung einer Website misst. Seit 2021 sind sie ein offizieller Ranking-Faktor. Einfach gesagt: Wenn Ihre Website langsam lädt, ruckelt oder springt, bestraft Google das mit schlechteren Rankings.

Die drei Metriken erklärt

LCP — Largest Contentful Paint

Misst wie lange es dauert, bis der größte sichtbare Inhalt geladen ist (meist das Hero-Bild oder die Hauptüberschrift). Gut: unter 2,5 Sekunden. Schlecht: über 4 Sekunden.

INP — Interaction to Next Paint

Misst wie schnell die Seite auf Klicks und Eingaben reagiert. Gut: unter 200 Millisekunden. Schlecht: über 500ms. Betrifft vor allem JavaScript-lastige Seiten.

CLS — Cumulative Layout Shift

Misst wie stark sich Inhalte beim Laden verschieben. Kennen Sie das: Sie wollen auf einen Button klicken und plötzlich springt alles nach unten weil ein Bild geladen wurde? Das ist CLS. Gut: unter 0,1. Schlecht: über 0,25.

Warum sind Core Web Vitals wichtig?

Google nutzt sie als Ranking-Signal. Zwei Websites mit gleichem Content — die schnellere rankt höher. Außerdem: langsame Websites verlieren Besucher. 53% der Nutzer verlassen eine Seite die länger als 3 Sekunden lädt.

Wie prüfe ich meine Core Web Vitals?

• Google PageSpeed Insights: pagespeed.web.dev — gibt Ihnen alle drei Werte
• Google Search Console: Unter Core Web Vitals → seitenweite Übersicht
• Chrome DevTools: Lighthouse-Tab für Entwickler

Häufige Probleme und Lösungen

• Große Bilder: WebP statt PNG/JPG, richtige Dimensionen, Lazy Loading
• Langsames Hosting: Server-Antwortzeit unter 200ms halten
• Zu viel JavaScript: Unnötige Plugins entfernen, Code splitten
• Fehlende Bildgrößen: Immer width und height angeben um CLS zu vermeiden
• Render-blockierendes CSS: Critical CSS inline laden

Unsere Websites: PageSpeed 100

Alle Websites die wir erstellen erreichen PageSpeed 100 auf Google Lighthouse. Wir entwickeln mit Next.js und TypeScript — das ist von Grund auf schneller als WordPress mit 30 Plugins. Wenn Sie eine bestehende langsame Website haben, bieten wir auch Performance-Optimierung an. Jetzt anfragen.