Core Web Vitals: Googles Geschwindigkeits-Urteil über Ihre Website
Seit 2021 fließen Googles Core Web Vitals direkt ins Ranking ein. Was genau gemessen wird, warum das für Ihr Unternehmen relevant ist — und wie Sie Ihre Werte verbessern.
Was sind Core Web Vitals?
Core Web Vitals sind drei Kennzahlen, die Google seit Mai 2021 als Rankingfaktor nutzt. Sie messen, wie Nutzer die Ladegeschwindigkeit, Interaktivität und visuelle Stabilität einer Website erleben — nicht nur technische Rohwerte, sondern die tatsächlich wahrgenommene Qualität.
Google hat dabei einen einfachen Gedanken: Eine Website, die sich langsam oder ruckelig anfühlt, bietet schlechtere Nutzererfahrung. Schlechtere Nutzererfahrung = schlechteres Ranking.
Die drei Metriken im Detail
1. Largest Contentful Paint (LCP) — gefühlte Ladegeschwindigkeit
LCP misst, wie lange es dauert, bis das größte sichtbare Element (meist ein Bild oder eine große Überschrift) geladen ist.
Bewertung:
- ✅ Gut: unter 2,5 Sekunden
- ⚠️ Verbesserungswürdig: 2,5 – 4 Sekunden
- ❌ Schlecht: über 4 Sekunden
Häufige Ursachen für schlechten LCP:
- Zu große, nicht optimierte Bilder (häufigste Ursache)
- Kein Lazy Loading für Bilder below the fold
- Langsames Server-Response-Time (schlechtes Hosting)
- Render-blockierende CSS oder JavaScript
Was hilft:
- Bilder in modernen Formaten (WebP, AVIF) statt JPG/PNG
- Bilder vor der Überschrift per
fetchpriority="high"priorisieren - Content Delivery Network (CDN) nutzen
- Serverseitiges Rendering (SSR) oder Static Site Generation (SSG)
2. Interaction to Next Paint (INP) — Reaktionsfähigkeit
INP (ersetzt seit März 2024 den alten FID-Wert) misst die durchschnittliche Reaktionszeit der Website auf Nutzereingaben — Klicks, Tippen, andere Interaktionen.
Bewertung:
- ✅ Gut: unter 200 Millisekunden
- ⚠️ Verbesserungswürdig: 200 – 500 ms
- ❌ Schlecht: über 500 ms
Häufige Ursachen für schlechten INP:
- Zu viel JavaScript, das den Browser blockiert
- Unnötige Third-Party-Skripte (Chat-Widgets, Analytics, Social-Media-Buttons)
- Schlecht optimierter JavaScript-Code
Was hilft:
- JavaScript-Bundle aufteilen (Code Splitting)
- Nicht kritische Skripte verzögert laden
- Schwere Animationen vermeiden
3. Cumulative Layout Shift (CLS) — visuelle Stabilität
CLS misst unerwartete Layout-Verschiebungen während des Ladens. Wenn ein Button, auf den Sie gerade tippen wollten, plötzlich nach unten springt weil ein Bild geladen hat — das ist CLS.
Bewertung:
- ✅ Gut: unter 0,1
- ⚠️ Verbesserungswürdig: 0,1 – 0,25
- ❌ Schlecht: über 0,25
Häufige Ursachen:
- Bilder ohne definierte Höhe und Breite
- Dynamisch eingefügte Inhalte (Werbebanner, Cookies-Hinweise)
- Web-Fonts, die zu spätem Zeitpunkt geladen werden
Was hilft:
- Immer width und height für Bilder angeben
- Platz für dynamische Inhalte reservieren
font-display: optionalfür Web-Fonts
Wie messe ich meine Core Web Vitals?
Google Search Console (kostenlos)
Im Bereich "Core Web Vitals" zeigt die Search Console, wie viele Seiten als "Gut", "Verbesserungswürdig" oder "Schlecht" bewertet werden — basierend auf echten Nutzerdaten (Chrome User Experience Report).
PageSpeed Insights (kostenlos)
pagespeed.web.dev gibt für jede URL eine detaillierte Analyse mit konkreten Verbesserungsvorschlägen. Prüfen Sie immer sowohl die mobile als auch die Desktop-Version.
Lighthouse (im Chrome-Browser integriert)
Öffnen Sie Chrome DevTools (F12), wechseln Sie zum Tab "Lighthouse" und starten Sie eine Analyse. Gut für Entwickler, die Probleme direkt bei der Entwicklung finden wollen.
Wie wirken sich Core Web Vitals auf das Ranking aus?
Google bestätigt: Core Web Vitals sind ein Rankingfaktor — aber kein dominanter. Content-Qualität und Relevanz haben nach wie vor deutlich mehr Gewicht.
Der praktische Effekt: Bei zwei Websites mit vergleichbarer inhaltlicher Qualität rankt die schnellere Website besser. Das gilt besonders für hart umkämpfte Keywords.
Außerdem: Eine langsame Website verliert direkt Nutzer — unabhängig vom Ranking. Jede zusätzliche Sekunde Ladezeit erhöht die Absprungrate.
Typische Core Web Vitals Probleme in der Praxis
WordPress-Websites
WordPress-Websites mit vielen Plugins haben häufig Core Web Vitals-Probleme:
- Jedes Plugin lädt eigene CSS- und JavaScript-Dateien
- Doppelte Bibliotheken (jQuery, mehrfach verschiedene Versionen)
- Keine Bildoptimierung im Standard-Setup
Lösung: Caching-Plugin (WP Rocket, LiteSpeed Cache), Bildoptimierungs-Plugin (Imagify, ShortPixel), kritisches CSS inline.
Websites mit vielen Third-Party-Skripten
Google Analytics, Facebook Pixel, LinkedIn Insight Tag, Chat-Widget, Cookie-Banner — jedes externe Skript kostet Ladezeit und Reaktionsfähigkeit.
Lösung: Third-Party-Skripte verzögert laden, nicht kritische Skripte erst nach Nutzerinteraktion initialisieren.
Core Web Vitals für Unternehmen in Brandenburg: Was bedeutet das praktisch?
Für die meisten kleinen und mittelständischen Unternehmen in der Region gilt: Die Core Web Vitals sind kein Thema für heute — es sei denn, Sie bemerken, dass Ihre Website bei Google-Suchen mit lokalem Bezug schlechter rankt als erwartet.
Sinnvoll ist eine Überprüfung wenn:
- Ihre Website in PageSpeed Insights schlechte Werte zeigt (unter 50/100 mobil)
- Ihre Absprungrate in Google Analytics ungewöhnlich hoch ist
- Sie ein neues Webdesign planen
Wir analysieren Ihre Core Web Vitals und setzen konkrete Verbesserungsmaßnahmen um.
Häufig gestellte Fragen (FAQ)
Muss ich alle drei Core Web Vitals optimieren? Im Idealfall ja, aber priorisieren Sie nach Auswirkung. LCP (Ladegeschwindigkeit) hat für die meisten Websites die größte praktische Wirkung.
Wie lange dauert eine Core Web Vitals Optimierung? Das hängt stark vom Ausgangspunkt ab. Einfache Optimierungen (Bildkomprimierung, Caching) sind in einem Tag umgesetzt. Tiefgreifende Optimierungen können 1–2 Wochen dauern.
Unterscheiden sich Desktop- und Mobile-Werte? Ja — und Google bewertet primär die mobilen Werte. Viele Websites haben auf Desktop gute Werte, aber auf Mobile schlechte. Beides sollte geprüft werden.
Zählen Core Web Vitals für jede Seite einzeln? Ja — Google bewertet jede URL einzeln. Prüfen Sie besonders die meistbesuchten Seiten (Startseite, wichtigste Leistungsseiten).
Verwendete Technologien
Passende Leistungen
Webentwicklung
Moderne, responsive Webanwendungen mit React, Next.js und Tailwind CSS. Wir entwickeln benutzerfreundliche und performante Frontends, die auf allen Geräten optimal funktionieren.
Suchmaschinenoptimierung (SEO)
Professionelle SEO-Optimierung für bessere Sichtbarkeit in Suchmaschinen. Wir optimieren Ihre Website für höhere Rankings, mehr Traffic und bessere Conversions.