Core Web Vitals 2026: was wirklich zählt

Google misst seit Jahren, wie schnell und stabil sich Websites im Browser anfühlen. Seit der Umstellung von FID auf INP im März 2024 ist die Metriken-Familie komplett – und die Anforderungen sind verschärft. Dieser Artikel erklärt, was hinter den aktuellen Core Web Vitals steckt, welche Messwerte realistisch erreichbar sind und wo die Hebel am größten sind.

Die drei Core Web Vitals 2026

Google nennt drei Metriken als „Core“:

• LCP – Largest Contentful Paint Wie schnell ist das größte sichtbare Element einer Seite geladen? Zielwert: ≤ 2,5 s.

• INP – Interaction to Next Paint Wie lange dauert es vom Klick / Tap bis zur sichtbaren Reaktion der Seite? Zielwert: ≤ 200 ms.

• CLS – Cumulative Layout Shift Wie stark „springt“ das Layout während des Ladens? Zielwert: ≤ 0,1 (dimensionsloser Wert).

Neben diesen drei gibt es weitere „experimentelle“ Metriken wie TTFB (Time To First Byte) oder FCP (First Contentful Paint) – sie sind hilfreich für die Diagnose, aber nicht direkt Ranking- relevant.

Wo Google die Werte misst – und warum das für Sie wichtig ist

Es gibt zwei Messmethoden, die in der Praxis verwechselt werden:

• Lab-Daten: synthetische Messung in kontrollierter Umgebung (z. B. Lighthouse in den Chrome DevTools, PageSpeed Insights Lab-Teil).
• Field-Daten (CrUX): reale Messwerte von echten Chrome-Nutzern, anonymisiert gesammelt, 28-Tage-Rollfenster.

Für das Ranking zählen ausschließlich die Field-Daten. Eine Website, die im Lab mit 95/100 glänzt, aber bei echten Nutzern 4 Sekunden LCP hat, wird von Google schlechter eingestuft als eine Seite mit 85/100 im Lab und 1,8 s LCP im Feld.

LCP: was der größte Content wirklich ist

In 90 % der Fälle ist das LCP-Element eines von dreien: das Hero-Bild, der Hero-Text (eine große H1) oder ein Hintergrund- Video. Typische LCP-Killer:

• Unoptimierte JPEGs/PNGs statt WebP/AVIF. Ein einziges 2 MB großes Bild kann LCP allein um eine Sekunde strecken.
• Fehlende Vorspannung kritischer Assets (`<link rel=“preload“>` für das Hero-Bild).
• Blockierendes JavaScript im Header (Analytics, Chat-Widgets), das den Rendering-Pfad anhält.
• CDN weit vom Nutzer entfernt. Für ein deutsches Publikum ist ein europäischer LiteSpeed-Cache (z. B. via QUIC.cloud) gut; ein amerikanischer CDN-Knoten schlechter.

Typische Maßnahmen: Bilder ab Upload auf WebP konvertieren (bei WordPress über LiteSpeed Cache oder Smush), Lazy-Loading für Non-Hero-Bilder, kritisches CSS inline und das Hero-Bild mit `fetchpriority=“high“` auszeichnen.

INP: die Metrik, die viele Sites überraschend schlecht abschneiden lässt

INP misst nicht nur die allererste Interaktion (wie FID es tat), sondern alle Interaktionen über die gesamte Seitenlebensdauer hinweg – und nimmt den schlechtesten Wert.

Die großen INP-Bremsen:

• Überladene Third-Party-Scripts (Chat-Widgets, Retargeting- Pixel, Consent-Banner, die jeden Klick verarbeiten).
• Schwergewichtige Event-Handler in eigenem JavaScript, vor allem in Theme-Customizern und Builder-Plugins.
• Große Caches, die synchron geladen werden, statt deferred.
• Long Tasks im Hauptthread – blockieren jede Interaktion.

Die wichtigste Regel: Wenn Sie einen Seiten-Builder wie Elementor oder Divi einsetzen und INP im roten Bereich liegt, ist das kein Zufall. Blocksy, Kadence oder das native Block-Editor-Rendering erzeugen messbar schlankere Frontends.

Praktische Maßnahmen: Drittanbieter-Skripte per „Cloudflare Zaraz“ oder „WP Rocket Delay JS“ zeitverzögert laden. Unbenutzte jQuery- Dependencies entfernen. Consent-Banner wählen, die keinen Impact nach dem initialen Render haben (Real Cookie Banner misst hier gut ab).

CLS: einfach zu lösen, wenn man weiß, wo man schauen muss

CLS ist die am schnellsten zu fixierende Metrik. Layout-Sprünge entstehen fast immer durch:

• Bilder ohne `width` und `height` bzw. ohne `aspect-ratio` im CSS.
• Eingebettete iFrames (YouTube, Google Maps) ohne feste Höhe.
• Web-Fonts, die ein FOUT auslösen (Flash of Unstyled Text), gefolgt von einer Schrift-Umstellung. Lösung: `font-display: optional` oder gut konfiguriertes `font-display: swap` mit passenden Fallbacks.
• Dynamisch injizierter Content, z. B. „Noch X Stück auf Lager“- Banner, die nach 2 Sekunden auftauchen.

Faustregel: Jedes Bild, jedes Video, jede Anzeige braucht vordefinierte Dimensionen. Bei WordPress reicht es meist, die Bilder korrekt hochzuladen – der Block-Editor schreibt die Größen-Attribute ins Markup. Probleme entstehen oft bei hartkodierten HTML-Blöcken oder Custom-Scripts.

Wie Sie Ihre eigenen Werte messen

Vier Tools, die jeweils einen leicht anderen Blick liefern:

• PageSpeed Insights (pagespeed.web.dev): liefert Lab- und Field-Daten nebeneinander. Guter Startpunkt.
• Google Search Console → „Nutzerfreundlichkeit“ (Core Web Vitals- Report): zeigt, wie viele URLs im roten Bereich sind.
• Chrome DevTools → Performance-Tab: für die tiefe Diagnose.
• web.dev/measure: aggregierte Übersicht für ein Audit.

Für laufende Überwachung lohnt sich ein RUM-Tool (Real User Monitoring). Matomo bietet das in aktuellen Versionen, auch Cloudflare Web Analytics kann genutzt werden.

Realistische Zielwerte für KMU-Sites

Nicht jede Website wird jemals auf 100 kommen, und das ist auch nicht nötig. Als Orientierung für typische WordPress-Sites im KMU- Bereich:

• LCP ≤ 2,0 s (mobil), ≤ 1,2 s (Desktop)
• INP ≤ 150 ms
• CLS ≤ 0,05

Diese Werte erreichen Sie mit LiteSpeed Cache, korrekt konfigurierten Bildformaten, einem schlanken Theme (Blocksy), einer aktuellen PHP-Version (≥ 8.2) und dem Verzicht auf überladene Third-Party-Scripts.

Fazit

Core Web Vitals sind kein SEO-Zauber. Die drei Metriken bilden etwas ab, das Sie auch ohne Messwerkzeug spüren, wenn Sie selbst auf der Seite unterwegs sind: Laden die wichtigsten Inhalte schnell, reagiert die Seite sofort auf Klicks, springt nichts unter dem Mauszeiger weg? Wenn diese drei Fragen mit „ja“ beantwortet werden, sind die Metriken in der Regel auch grün.

Der wichtigste Hebel ist meist nicht ein einzelnes Plugin, sondern die Kombination aus schlankem Theme, guter Caching- Strategie und bewussten Entscheidungen bei Third-Party-Tools.

Ihre Website im grünen Bereich?

Ich prüfe Ihre Core Web Vitals, zeige Ihnen die drei wirkungsvollsten Hebel und setze sie auf Wunsch selbst um.