Web Vitals

Web Vitals sind das Messinstrument, mit dem Google die tatsächliche Nutzererfahrung auf einer Website quantifiziert – und damit zu einem direkten Rankingfaktor macht. Wer im Rhein-Main-Gebiet lokal gefunden werden will, kommt an diesen Kennzahlen nicht vorbei. HEEY erklärt, was hinter dem Begriff steckt, welche Metriken wirklich zählen und wie Sie gezielt optimieren.

Was sind Web Vitals – und warum hat Google sie eingeführt?

Google hat Web Vitals 2020 als einheitliches Framework eingeführt, um die Qualität der Nutzererfahrung (User Experience) messbar und vergleichbar zu machen. Bis dahin gab es zwar technische Metriken wie den Pagespeed-Score, doch diese spiegelten nicht zuverlässig wider, wie eine Seite sich für echte Nutzerinnen und Nutzer anfühlt. Web Vitals schließen diese Lücke, indem sie konkrete, im Feld messbare Signale definieren.

Die Initiative richtet sich an Entwickler:innen, SEO-Fachleute und Website-Betreiber:innen gleichermaßen. Google stellt die Daten über die Google Search Console, PageSpeed Insights und den Chrome User Experience Report (CrUX) bereit – damit ist die Transparenz ungewöhnlich hoch. Wer seine Web Vitals kennt, weiß, wo technische Schwachstellen die Sichtbarkeit kosten.

Core Web Vitals: Die drei zentralen Metriken im Detail

Innerhalb der Web Vitals bilden die Core Web Vitals (CWV) den Kern. Sie sind die einzigen Metriken, die Google explizit als Rankingfaktoren einsetzt. Seit dem Page-Experience-Update 2021 fließen sie in den Algorithmus ein. Die drei aktuellen Core Web Vitals sind:

• Largest Contentful Paint (LCP): Misst, wie lange es dauert, bis das größte sichtbare Inhaltselement (Bild, Textblock) geladen ist. Zielwert: unter 2,5 Sekunden.
• Interaction to Next Paint (INP): Löste 2024 den alten First Input Delay ab und misst die Reaktionszeit der Seite auf alle Nutzerinteraktionen während der gesamten Sitzung. Zielwert: unter 200 Millisekunden.
• Cumulative Layout Shift (CLS): Quantifiziert unerwartete Verschiebungen im Layout während des Ladevorgangs. Zielwert: unter 0,1.

Neben den Core Web Vitals existieren weitere Web Vitals wie Time to First Byte (TTFB) oder First Contentful Paint (FCP), die als diagnostische Metriken dienen. Sie sind kein direkter Rankingfaktor, helfen aber bei der Ursachenanalyse, wenn CWV-Werte schlecht ausfallen.

Relevanz für SEO – lokal und überregional

Web Vitals wirken sich auf das organische Ranking aus, sobald zwei Seiten in Inhalt und Autorität vergleichbar sind – dann gibt die Page Experience den Ausschlag. Für lokale Unternehmen im Rhein-Main-Gebiet ist das besonders relevant: Wer etwa als Handwerksbetrieb in Wiesbaden, als Kanzlei in Frankfurt oder als Einzelhändler in Mainz im Local Pack erscheinen will, konkurriert oft mit Mitbewerbern auf ähnlichem inhaltlichem Niveau. Technisch überlegene Seiten verschaffen hier einen messbaren Vorsprung.

Hinzu kommt der indirekte Effekt: Schlechte Web Vitals erhöhen die Absprungrate, verkürzen die Verweildauer und reduzieren die Conversion Rate – alles Signale, die Google als Qualitätsindikator interpretiert. Eine Seite, die auf dem Smartphone ruckelt, Buttons verschiebt oder drei Sekunden zum Laden braucht, verliert Nutzerinnen und Nutzer, bevor sie überhaupt ein Angebot wahrnehmen können.

Abgrenzung: Web Vitals vs. Core Web Vitals vs. Page Experience

Web Vitals ist der Oberbegriff für alle von Google definierten nutzerzentrierten Metriken. Core Web Vitals sind die Teilmenge, die Google als Rankingfaktoren einsetzt – also LCP, INP und CLS. Page Experience ist das übergeordnete Ranking-Signal, das Core Web Vitals zusammen mit weiteren Faktoren wie HTTPS, Mobile Usability und Abwesenheit von aufdringlichen Interstitials bündelt.

Häufig werden diese Begriffe synonym verwendet, was zu Missverständnissen führt. Wer in einem Audit „Web Vitals verbessern“ als Maßnahme notiert, ohne zu spezifizieren, welche Metrik gemeint ist, verliert wertvolle Priorisierungszeit. HEEY empfiehlt, stets die einzelne Metrik zu benennen und ihren Messwert aus Felddaten (CrUX) – nicht nur aus Labordaten (Lighthouse) – zu zitieren.

Praxis: So optimieren Sie Web Vitals Schritt für Schritt

Eine strukturierte Optimierung beginnt mit der Bestandsaufnahme in der Google Search Console unter „Nutzererfahrung“ sowie in PageSpeed Insights. Wichtig: Felddaten (reale Nutzer, 28-Tage-Fenster) haben Vorrang vor Labordaten (synthetischer Test). Erst wenn ausreichend Felddaten vorliegen, lässt sich ein valides Bild zeichnen.

• LCP verbessern: Bilder im WebP- oder AVIF-Format ausliefern, Lazy Loading für Bilder unterhalb des Sichtbereichs einsetzen, Server Response Time (TTFB) durch Caching und CDN reduzieren, LCP-Ressource mit fetchpriority="high" priorisieren.
• INP verbessern: JavaScript-Ausführung aufteilen (Code Splitting), Long Tasks im Hauptthread vermeiden, Third-Party-Scripts asynchron laden oder durch Fassaden ersetzen.
• CLS verbessern: Explizite Dimensionen für Bilder und Videos angeben, Web Fonts mit font-display: optional oder Preload stabilisieren, dynamisch eingefügte Inhalte (Ads, Banners) reservierten Platz zuweisen.
• TTFB als Basis: Hosting-Qualität prüfen, serverseitiges Caching aktivieren, HTTP/2 oder HTTP/3 nutzen.

Nach jeder Änderung sollte ein erneuter Test erfolgen – und mindestens 28 Tage gewartet werden, bis Felddaten die Verbesserung widerspiegeln. Schnelle Wins zeigen sich zuerst in den Labordaten; nachhaltige Verbesserungen bestätigen die CrUX-Daten.

Typische Fehler und Best Practices

Einer der häufigsten Fehler ist die ausschließliche Nutzung von Lighthouse-Scores als Entscheidungsgrundlage. Lighthouse misst unter kontrollierten Bedingungen und kann erheblich von den Erfahrungen realer Nutzerinnen und Nutzer abweichen – insbesondere auf mobilen Geräten mit schwacher Verbindung. Felddaten aus CrUX sind die einzige Grundlage, auf der Google seine Rankingentscheidungen trifft.

• Nicht ausschließlich den Score optimieren, sondern die Metrik-Schwellenwerte (Grün/Gelb/Rot) im Blick behalten.
• Mobile und Desktop separat auswerten – mobile Werte sind oft deutlich schlechter und werden von Google priorisiert.
• Drittanbieter-Scripts (Chat-Widgets, Tag-Manager-Tags, Social-Plugins) regelmäßig auf ihren INP- und LCP-Einfluss prüfen.
• CLS-Probleme durch A/B-Testing-Tools oder nachträglich geladene Werbebanner nicht übersehen.
• Nach einem Relaunch Web Vitals als festen Bestandteil des QA-Prozesses etablieren.

Best Practice bei HEEY: Web Vitals werden in jedem technischen SEO-Audit als eigenständiges Kapitel behandelt, mit Trennung von Feld- und Labordaten, Priorisierung nach Traffic-Anteil der betroffenen Seiten und klaren Handlungsempfehlungen je Metrik.

Web Vitals messen: Die wichtigsten Tools im Überblick

Für eine vollständige Analyse empfiehlt HEEY den kombinierten Einsatz mehrerer Werkzeuge, da kein einzelnes Tool alle Perspektiven abdeckt. Die Google Search Console liefert aggregierte Felddaten nach URL-Gruppen und ist der direkteste Blick auf das, was Google sieht. PageSpeed Insights kombiniert Feld- und Labordaten in einer Ansicht und ist der schnellste Einstieg für einzelne URLs.

Der Chrome User Experience Report (CrUX) über BigQuery ermöglicht granulare Analysen auf Origin- und URL-Ebene – ideal für große Websites. Lighthouse (in Chrome DevTools oder als CI-Integration) eignet sich für die Entwicklungsphase. Web Vitals Extension für Chrome zeigt Metriken in Echtzeit beim Browsen. Für kontinuierliches Monitoring empfehlen sich Drittanbieter-Tools wie Screaming Frog, Ahrefs Site Audit oder dedizierte RUM-Lösungen (Real User Monitoring), die Felddaten aus dem eigenen Traffic erheben.