Core Web Vitals verbessern: LCP, INP & CLS optimieren 2026

Was sind Core Web Vitals eigentlich?

Core Web Vitals sind drei Kennzahlen, mit denen Google misst, wie gut Nutzer deine Website wirklich erleben. Seit Juni 2021 sind sie offizieller Ranking-Faktor — und 2026 wichtiger denn je. Die drei Metriken decken ab, was für Besucher zählt: Wie schnell lädt die Seite? Wie flott reagiert sie auf Klicks? Und verspringen Elemente beim Laden unkontrolliert?

Du solltest diese drei Zielwerte kennen:

• Largest Contentful Paint (LCP): Wie lange dauert es, bis das größte sichtbare Element geladen ist? Ziel: ≤ 2,5 Sekunden.
• Interaction to Next Paint (INP): Wie schnell reagiert deine Website auf eine Nutzerinteraktion? Ziel: ≤ 200 Millisekunden.
• Cumulative Layout Shift (CLS): Wie stabil bleibt das Layout während des Ladens? Ziel: ≤ 0,1.

Wichtig: Diese Werte musst du für 75 Prozent aller Seitenaufrufe erreichen, damit Google deine Website als „gut" einstuft. Ein einziger schneller Ladevorgang reicht nicht — gemessen wird der Durchschnitt echter Nutzer.

Warum Core Web Vitals 2026 über Sichtbarkeit entscheiden

Die Zahlen sind eindeutig: Nur 47 Prozent aller Websites bestehen aktuell alle drei Core Web Vitals. Einzeln betrachtet erreichen 62 Prozent einen guten LCP, 77 Prozent einen guten INP und 81 Prozent einen guten CLS. Mit anderen Worten: Wer hier sauber arbeitet, überholt mehr als die Hälfte des Wettbewerbs — ohne einen einzigen neuen Backlink.

Schlechte Werte kosten dich nicht nur Rankings, sondern harte Umsätze:

• Seiten mit LCP über 3 Sekunden verlieren 23 Prozent mehr Traffic als schnellere Konkurrenten.
• INP-Werte über 300 ms verursachen bis zu 31 Prozent Trafficeinbrüche, vor allem mobil.
• Gute Core Web Vitals senken die Absprungrate im Schnitt um 24 Prozent.
• Eine Sekunde mehr Ladezeit drückt die Conversion Rate laut Akamai um bis zu 7 Prozent.

Für KMU heißt das: Jeder Euro in Performance zahlt gleichzeitig auf SEO, Nutzererlebnis und Verkaufszahlen ein. Deshalb gehört das Thema auch in jede Relaunch-Planung — nachträgliches Nachziehen ist immer teurer als sauber aufgesetzte Performance von Anfang an.

So misst du deine Core Web Vitals richtig

Bevor du optimierst, brauchst du ehrliche Daten. Google liefert dir zwei Sichten: Lab Data (Labormessungen unter idealen Bedingungen) und Field Data (echte Nutzerdaten). Für Rankings zählen ausschließlich die Field Data.

Die wichtigsten Tools im Überblick

• PageSpeed Insights: Zeigt sowohl Lab- als auch Field Data. Starte hier — das Tool ist kostenlos und liefert sofort konkrete Handlungsempfehlungen.
• Google Search Console (Bereich „Core Web Vitals"): Gruppiert deine URLs automatisch nach „gut", „verbesserungswürdig" und „schlecht". Ideal für den Überblick auf Seitenebene.
• Chrome User Experience Report (CrUX): Echte Nutzerdaten der letzten 28 Tage. Das sind die Werte, die Google für das Ranking heranzieht.
• Lighthouse (in den Chrome DevTools): Perfekt zum lokalen Testen einzelner Seiten nach einer Änderung.

Ein wichtiger Punkt, den viele übersehen: Field Data wird über 28 Tage gesammelt. Nach einer Optimierung dauert es also mindestens vier Wochen, bis die Verbesserung in PageSpeed Insights und der Search Console sichtbar wird. Keine Panik, wenn die Kurve nicht am nächsten Tag kippt.

LCP verbessern: Die größte Hebelwirkung

Der Largest Contentful Paint ist für die meisten Websites der Flaschenhals. Fast alle Probleme hier kommen aus zwei Quellen: riesigen Bildern und langsamem Hosting.

Bilder konsequent optimieren

Das häufigste Beispiel aus der Praxis: Ein Hero-Image als JPEG, 1,2 MB groß, LCP-Wert 4,8 Sekunden. Nach Konvertierung in WebP (350 KB) und einem Preload-Tag sank der LCP auf 1,9 Sekunden — eine Verbesserung um 60 Prozent in einem einzigen Nachmittag.

Was du konkret tun solltest:

• Wechsle auf moderne Formate wie WebP oder AVIF. Die Dateigröße sinkt typischerweise um 30 bis 50 Prozent gegenüber JPEG oder PNG — bei gleicher oder besserer Bildqualität.
• Liefere Bilder in der tatsächlich benötigten Auflösung aus. Ein 2.000-Pixel-Foto in einem 400-Pixel-Container ist verschwendete Ladezeit.
• Setze ein Preload-Tag für dein LCP-Element (meist das Hero-Bild oberhalb des Folds). So weiß der Browser früher, was er priorisieren muss.
• Nutze srcset und sizes für responsive Bilder, damit mobile Geräte nicht die Desktop-Version laden.

Hosting und Server-Response

Wenn dein Server mehr als 600 ms braucht, um den HTML-Code auszuliefern, gewinnst du das LCP-Rennen nicht mehr. Gute Server-Response-Werte liegen unter 200 ms. Prüfe deshalb dein Hosting, aktiviere HTTP/2 oder HTTP/3, und nutze ein CDN, wenn deine Zielgruppe räumlich verteilt ist. Billig-Hoster mit Shared Hosting sind hier oft der Engpass.

INP optimieren: Die Königsdisziplin 2026

Interaction to Next Paint hat 2024 den alten „First Input Delay" abgelöst — und wird seitdem zum echten Stolperstein. INP misst jede Interaktion über den gesamten Besuch hinweg, nicht nur die erste. Das ist deutlich härter als früher.

Drei konkrete Hebel funktionieren zuverlässig:

• JavaScript reduzieren oder aufteilen: Jedes ungenutzte Kilobyte JavaScript kostet INP-Punkte. Entferne alte Tracking-Skripte, ungenutzte Plugins und überflüssige Animations-Bibliotheken konsequent.
• Third-Party-Skripte kontrollieren: Chat-Widgets, Google Ads und Retargeting-Pixel sind oft die Hauptverursacher. Lade sie erst nach der ersten Nutzer-Interaktion oder mit async beziehungsweise defer.
• Lange Tasks aufbrechen: Alles, was im Haupt-Thread länger als 50 ms dauert, bremst die Reaktionszeit. Moderne Frameworks unterstützen requestIdleCallback oder Web Workers — nutze sie.

Für WordPress-Nutzer gilt besonders: Prüfe jedes Plugin kritisch. Drei unnötige Plugins können INP schnell von 180 ms auf 400 ms hochtreiben — und schon bist du aus der grünen Zone raus.

CLS reduzieren: Stabilität kostet fast nichts

CLS ist der einfachste Wert, um schnell sichtbare Ergebnisse zu erzielen. Der häufigste Verursacher: Bilder und Videos ohne feste Dimensionen, die erst beim Laden Platz beanspruchen und alles darunter nach unten schieben.

Was sofort hilft:

• Setze bei jedem Bild- und Video-Element width und height — auch wenn du CSS nutzt. Der Browser reserviert dann automatisch Platz.
• Lade Webfonts mit font-display: swap und definiere Fallback-Schriften mit ähnlichen Metriken. Ein „Flash of Unstyled Text" ist besser als ein springendes Layout.
• Reserviere feste Slots für Werbung, Einbindungen (YouTube, Instagram) und Consent-Banner per CSS.
• Vermeide Inhalte, die dynamisch über bereits sichtbarem Content eingefügt werden — sie sind klassische CLS-Killer.

Dein 7-Schritte-Plan für KMU-Websites

So gehst du als Unternehmer ohne großes Entwicklerteam strukturiert vor:

• Schritt 1 — Bestandsaufnahme: Trage die zehn wichtigsten Seiten in eine Tabelle ein und miss jede einzeln in PageSpeed Insights. Notiere LCP, INP und CLS.
• Schritt 2 — Prioritäten setzen: Starte mit der Seite mit den schlechtesten Werten und dem meisten Traffic. Ein Fix auf der Startseite bringt mehr als zehn Fixes auf Unterseiten.
• Schritt 3 — Bilder tauschen: Konvertiere alle oberhalb des Folds sichtbaren Bilder zu WebP oder AVIF. Das alleine bringt meist einen Sprung von 1–2 Sekunden LCP.
• Schritt 4 — Skripte entrümpeln: Lass deinen Entwickler oder dein SEO-Tool-Setup prüfen, welche Skripte wirklich aktiv genutzt werden. Alles andere kommt raus.
• Schritt 5 — Layout fixieren: Setze überall width/height-Attribute. Kleine Maßnahme, große Wirkung auf CLS.
• Schritt 6 — Hosting checken: Miss deine Server-Response-Zeit (TTFB). Liegt sie über 600 ms, hast du mit einem Hosting-Wechsel einen sehr günstigen Hebel.
• Schritt 7 — Nachmessen: Warte 28 Tage, dann prüfe die Field Data erneut. Dokumentiere, was funktioniert hat, und iteriere konsequent.

Typische Fehler, die du dir sparen kannst

Aus der Praxis mit Kundenprojekten sehen wir immer wieder die gleichen Stolperfallen:

• Blinde Tool-Hörigkeit: Ein PageSpeed-Score von 100 im Lab bedeutet nichts, wenn die Field Data rot sind. Orientiere dich immer an echten Nutzerdaten.
• Zu viele Plugins „just in case": Jedes installierte Tool lädt Skripte, auch wenn du es nicht aktiv nutzt. Weniger ist hier wirklich mehr.
• Tracking über alles: Drei parallele Analytics-Systeme liefern keine zusätzlichen Insights, aber garantiert einen schlechten INP.
• Desktop-First-Denken: Google misst mobil. Wenn deine Seite auf dem Desktop flott ist und mobil kriecht, verlierst du die Rankings trotzdem.
• Vergessen, nachzumessen: Optimierung ohne Kontrollmessung ist Aktionismus. Trage dir feste Review-Termine in den Kalender ein.

Core Web Vitals als Teil deiner gesamten Website-Strategie

Performance ist kein Einmalprojekt, sondern begleitet jeden neuen Inhalt, jedes neue Bild und jede Plugin-Entscheidung. Wenn du gerade erst eine neue Website erstellen lässt, solltest du Core Web Vitals von Tag eins mitdenken — das spart dir später aufwändige Korrekturen.

Bei Eazy Media bauen wir Websites in Webflow so, dass sie Core Web Vitals bereits ab Launch in allen drei Metriken bestehen. Unsere KMU-Kunden in Karlsruhe und ganz Deutschland starten mit LCP-Werten unter 1,5 Sekunden, einem INP sicher im grünen Bereich und einem CLS nahe null — und behalten diese Werte dauerhaft, weil die Struktur von Anfang an darauf ausgelegt ist. Wenn du wissen willst, wo deine Website heute wirklich steht, prüfen wir das gerne kostenlos für dich.