Core Web Vitals

Seit Google Core Web Vitals als offiziellen Rankingfaktor eingeführt hat, reicht technisch einwandfreier Code allein nicht mehr aus – messbare Nutzererfahrung ist Pflicht. Die drei Kernmetriken LCP, INP und CLS geben präzise Auskunft darüber, wie schnell, reaktionsfähig und stabil eine Seite aus Sicht der Besuchenden wirkt. Wer sie versteht und systematisch optimiert, verschafft sich einen nachhaltigen Wettbewerbsvorteil in den organischen Suchergebnissen.

Was sind Core Web Vitals – die drei Metriken im Detail

Largest Contentful Paint (LCP) misst, wie lange es dauert, bis das größte sichtbare Inhaltselement – meist ein Hero-Bild oder eine große Überschrift – vollständig gerendert ist. Google empfiehlt einen LCP-Wert unter 2,5 Sekunden. Werte zwischen 2,5 und 4 Sekunden gelten als verbesserungswürdig, alles darüber als schlecht.

Interaction to Next Paint (INP) löste im März 2024 den früheren First Input Delay (FID) ab. INP bewertet die Reaktionszeit der Seite auf sämtliche Nutzerinteraktionen – Klicks, Tastatureingaben, Touch-Gesten – über den gesamten Seitenbesuch hinweg. Der Zielwert liegt bei unter 200 Millisekunden. Cumulative Layout Shift (CLS) quantifiziert unerwartete visuelle Verschiebungen von Seitenelementen während des Ladevorgangs. Ein CLS-Score unter 0,1 gilt als gut; höhere Werte signalisieren, dass Elemente springen und Nutzende versehentlich auf falsche Bereiche tippen oder klicken.

Bedeutung als Rankingfaktor und Einordnung in Page Experience

Core Web Vitals sind Bestandteil des übergeordneten Page-Experience-Signals, das Google seit dem Page Experience Update 2021 schrittweise ausrollt. Neben den drei CWV-Metriken fließen HTTPS-Sicherheit, Mobile Usability und – in bestimmten Kontexten – die Abwesenheit aufdringlicher Interstitials in den Gesamtscore ein. Google wertet dabei reale Felddaten aus dem Chrome User Experience Report (CrUX) aus, keine synthetischen Labormessungen.

Die praktische Auswirkung auf Rankings ist kontextabhängig: Bei inhaltlich gleichwertigen Seiten kann ein besserer Page-Experience-Score den Ausschlag geben. Wichtiger ist jedoch, dass schlechte CWV-Werte die Absprungrate erhöhen und Conversions senken – zwei Faktoren, die Google indirekt über Nutzersignale wahrnimmt. Core Web Vitals wirken also sowohl als direkter Rankingfaktor als auch als Indikator für Nutzerzufriedenheit.

Relevanz für lokale Unternehmen im Rhein-Main-Gebiet

Für lokale Unternehmen in Wiesbaden, Frankfurt, Mainz oder Darmstadt sind Core Web Vitals besonders relevant, weil mobile Suchanfragen mit lokalem Bezug dominieren. Wer etwa nach „Zahnarzt Wiesbaden“ oder „Steuerberater Frankfurt“ sucht, tut dies häufig unterwegs – auf einem Smartphone mit variierender Netzqualität. Eine Praxis- oder Unternehmensseite, die auf mobilen Geräten langsam lädt oder visuell springt, verliert potenzielle Kunden bereits vor dem ersten Kontakt.

HEEY empfiehlt lokalen Unternehmen im Rhein-Main-Gebiet, CWV-Optimierung als festen Bestandteil ihrer Technical-SEO-Strategie zu verstehen – nicht als einmalige Maßnahme, sondern als kontinuierlichen Prozess. Gerade bei WordPress-basierten Unternehmensseiten mit vielen Plugins und ungekomprimierten Bildern schlummert erhebliches Potenzial. Ein gezielter Technical-SEO-Audit deckt auf, welche Metriken kritisch sind und welche Maßnahmen den größten Hebel bieten.

Abgrenzung: Core Web Vitals vs. PageSpeed vs. Web Vitals

Die Begriffe werden häufig synonym verwendet, bezeichnen aber unterschiedliche Konzepte. Web Vitals ist der übergeordnete Begriff für alle von Google definierten Nutzererfahrungsmetriken – darunter auch First Contentful Paint (FCP), Time to First Byte (TTFB) oder Total Blocking Time (TBT). Core Web Vitals sind die drei davon, die Google als Rankingsignal einsetzt.

PageSpeed hingegen ist kein präziser Messwert, sondern ein umgangssprachlicher Begriff für die allgemeine Ladegeschwindigkeit. Der Google PageSpeed Insights Score (0–100) ist ein Laborwert, der auf Lighthouse-Messungen basiert und nicht direkt mit dem CrUX-Felddatenscore übereinstimmt, der für das Ranking zählt. Ein hoher PageSpeed-Score garantiert also keine guten Core Web Vitals in der Realität – und umgekehrt. Diese Unterscheidung ist in der Beratungspraxis entscheidend, um Ressourcen gezielt einzusetzen.

Konkrete Maßnahmen zur Optimierung der drei Metriken

• LCP verbessern: Bilder im WebP- oder AVIF-Format ausliefern, Preload-Direktiven für das LCP-Element setzen, Server Response Time (TTFB) durch Caching und CDN reduzieren, render-blockierende Ressourcen eliminieren.
• INP verbessern: JavaScript-Ausführungszeit minimieren, Long Tasks aufteilen, Third-Party-Skripte (Tracking, Chat-Widgets) asynchron laden oder auf Interaktion verzögern, React- und Vue-Anwendungen auf unnötige Re-Renders prüfen.
• CLS verbessern: Bilder und Videos mit expliziten width- und height-Attributen versehen, Schriften mit font-display: optional oder swap laden, dynamisch eingefügte Inhalte (Anzeigen, Bannerhinweise) reservierten Platz zuweisen, Animationen ausschließlich mit CSS-transform und opacity umsetzen.
• Messung: Google Search Console (Bericht „Core Web Vitals“), PageSpeed Insights, Chrome DevTools, Lighthouse CI in der Deployment-Pipeline und das CrUX Dashboard für historische Felddaten nutzen.

HEEY setzt bei der Optimierung auf einen datengetriebenen Prozess: Erst Felddaten analysieren, kritische URLs priorisieren, Ursachen in Labormessungen isolieren, Fixes implementieren und nach 28 Tagen die CrUX-Daten erneut prüfen – denn Google aktualisiert den Felddatenpool rollierend über diesen Zeitraum.

Typische Fehler und Best Practices

• Ausschließlich auf den PageSpeed-Insights-Score optimieren, ohne Felddaten zu berücksichtigen – führt zu Laborwerten, die die Realität nicht abbilden.
• LCP-Bild über Lazy Loading laden – das verzögert das wichtigste Element gezielt; stattdessen loading="eager" und Preload verwenden.
• Schriften ohne Größenangaben einbinden und damit Layout Shifts beim Wechsel von System- zu Webfont erzeugen.
• Drittanbieter-Skripte (Google Tag Manager, Facebook Pixel, Live-Chat) unkontrolliert laden lassen, ohne deren INP-Einfluss zu messen.
• CWV nur einmalig optimieren und danach vernachlässigen – neue Plugins, Theme-Updates oder Inhaltspflege können Werte jederzeit verschlechtern.
• Mobile und Desktop getrennt bewerten: Google nutzt für das Ranking primär die mobilen Felddaten, Desktop-Werte sind aber für B2B-Seiten mit vorwiegend Desktop-Traffic ebenfalls relevant.

Best Practice ist die Integration von Core Web Vitals in das reguläre Monitoring: automatisierte Alerts, wenn ein Schwellenwert unterschritten wird, und ein klarer Verantwortlicher im Team oder bei der beauftragten Agentur, der Maßnahmen koordiniert.

Tools und Ressourcen für die CWV-Analyse

Die Google Search Console liefert den wichtigsten Überblick: Der Bericht „Core Web Vitals“ segmentiert URLs nach Status (gut, verbesserungswürdig, schlecht) und gruppiert ähnliche Seiten, um Muster zu erkennen. PageSpeed Insights kombiniert Feld- und Labordaten und zeigt konkrete Optimierungshinweise. Für tiefere Analysen empfiehlt HEEY WebPageTest, das Filmstrips, Wasserfall-Diagramme und die Simulation verschiedener Netzwerkbedingungen ermöglicht.

Für Teams, die kontinuierliches Monitoring benötigen, bieten sich Tools wie Calibre, SpeedCurve oder die Open-Source-Lösung Lighthouse CI an, die sich in CI/CD-Pipelines integrieren lässt. So werden Performance-Regressionen erkannt, bevor sie die Felddaten verschlechtern – und damit bevor Google sie im Ranking berücksichtigt.