Core Web Vitals verbessern: Was wirklich hilft

PageSpeed-Score 43. Das zeigt Google Lighthouse nach einem Test auf einer typischen deutschen Unternehmenswebsite. Ist das ein Problem? Kommt drauf an. Lighthouse misst im Labor, unter idealisierten Bedingungen. Core Web Vitals hingegen messen, was deine echten Besucher erleben – und das ist der Unterschied, der für Googles Ranking zählt.

Was Core Web Vitals sind und warum sie wichtig sind

Google misst die Nutzererfahrung auf Websites über drei Metriken, die seit dem Page Experience Update 2021 direkter Ranking-Faktor sind:

LCP (Largest Contentful Paint): Wie lange braucht das größte sichtbare Element einer Seite, um vollständig geladen zu sein? Gut: unter 2,5 Sekunden. Kritisch: über 4 Sekunden. Weltweit erreichten laut Chrome User Experience Report 2025 nur 62 Prozent der mobilen Seiten diesen Schwellenwert – LCP ist die schwierigste der drei Metriken.

INP (Interaction to Next Paint): Wie schnell reagiert die Seite auf Nutzereingaben, also Klicks, Taps und Tastatureingaben? Gut: unter 200 Millisekunden. Kritisch: über 500 Millisekunden. INP ersetzt seit März 2024 offiziell den alten FID-Wert (First Input Delay), weil FID nur die allererste Interaktion maß und damit einen viel zu kleinen Ausschnitt des tatsächlichen Nutzererlebnisses erfasste. 77 Prozent der mobilen Seiten erreichen heute ein gutes INP.

CLS (Cumulative Layout Shift): Wie stark verschiebt sich der Seiteninhalt während des Ladens? Wenn Text plötzlich nach unten springt, weil ein Bild nachlädt, ist das ein Layout Shift. Gut: unter 0,1. Kritisch: über 0,25. Mit 81 Prozent guter mobiler Seiten ist CLS die am besten gelöste der drei Metriken.

Wichtig zu verstehen: Google bewertet nicht den Durchschnitt aller Seitenbesuche, sondern den 75. Percentile-Wert. Drei von vier Besuchern müssen „gut” abschneiden, damit die Seite als gut gilt. Eine einzelne schnelle Testmessung reicht nicht.

Wie viel Core Web Vitals für SEO wirklich zählen

Ehrliche Antwort: Core Web Vitals sind ein bestätigter Ranking-Faktor, aber kein dominierender. SEO-Experten schätzen ihren Anteil an den Ranking-Signalen auf etwa 10 bis 15 Prozent, was Google selbst nicht offizielle Zahlen nennt.

Das bedeutet: Starker Content schlägt schlechte Core Web Vitals. Aber bei gleichwertigem Content gewinnt die Seite mit besseren Werten. Und für E-Commerce ist das eine relevante Stellschraube, weil Ladezeit und Reaktivität direkt die Conversion beeinflussen, nicht nur das Ranking. Google selbst hat 2020 nachgewiesen, dass Seiten mit guten Core Web Vitals 24 Prozent weniger Nutzerabbrüche hatten.

LCP verbessern: Hier liegt der größte Hebel

Das Bild oder die Überschrift ganz oben auf der Seite ist meistens der LCP-Kandidat. Folgendes hilft am meisten:

Bilder in richtiger Größe und im richtigen Format. WebP statt JPEG oder PNG spart oft 30 bis 50 Prozent Dateigröße ohne sichtbaren Qualitätsverlust. Das Hero-Bild in mobiler Auflösung für mobile Geräte auszuliefern statt in Desktop-Größe ist ein simpler, aber wirkungsvoller Schritt.

Kein Lazy Loading für das LCP-Bild. Viele Websites laden alle Bilder per Lazy Loading, auch das wichtigste Element ganz oben. Das ist falsch. Das LCP-Element soll sofort laden, alles andere kann warten.

Server-Response-Zeit reduzieren. Gutes Hosting und Caching können die Zeit bis zum ersten Byte (TTFB) deutlich reduzieren. Auf einem billigen Shared-Hosting-Server helfen alle Frontend-Optimierungen nur begrenzt, wenn der Server selbst langsam antwortet.

Drittanbieter-Scripts nach unten schieben. Analytics, Chat-Widgets, Social-Plugins: Wer diese Scripts ohne Async oder Defer lädt, blockiert den Browser beim Rendern der Seite.

INP verbessern: Der unterschätzte Wert

INP ist die neueste der drei Metriken und viele Websites haben damit mehr Probleme als sie ahnen. Was bremst die Reaktivität?

Zu viel JavaScript im kritischen Pfad. Wenn der Browser mit JavaScript beschäftigt ist, reagiert er langsamer auf Nutzereingaben. Unnötige Scripts, große Bibliotheken und blockierendes JavaScript verschlechtern INP direkt. Für Shopware-Shops gilt das besonders für Plugin-Scripts, die oft unkontrolliert geladen werden.

Drittanbieter-Scripts ohne Kontrolle. Analytics, Chatbots, Werbescripts, Social-Plugins. Jedes externe Script kostet Reaktivität. Async und Defer sind das Minimum, viele sollten gezielt geprüft und wenn nötig entfernt werden.

Schwerfällige Filter und Konfiguratoren. Wer einen Produktfilter oder Größenselektor hat, der bei jedem Klick viel JavaScript ausführt, kämpft mit schlechten INP-Werten. Das ist ein typisches E-Commerce-Problem, das bei FID noch kaum auffiel.

CLS verbessern: Meist die schnellste Verbesserung

CLS ist oft am einfachsten zu beheben:

Bildmaße immer definieren. Wenn ein Bild ohne angegebene Breite und Höhe geladen wird, berechnet der Browser die Größe erst nach dem Laden und verschiebt den Inhalt. Immer width und height im HTML angeben oder aspect-ratio in CSS setzen. Das ist eine Änderung von zehn Minuten mit messbarem Ergebnis.

Schriftarten ohne sichtbaren Wechsel laden. Wenn die Website zunächst eine Fallback-Schrift anzeigt und dann auf eine Webfont umschaltet, verschiebt sich der Text. font-display: swap mit einer ähnlichen Fallback-Schrift reduziert das spürbar.

Reservierten Platz für dynamische Inhalte. Ein Werbebanner, das nachlädt, schiebt den Seiteninhalt nach unten. Container mit definierter Mindesthöhe vorhalten, bevor der Inhalt erscheint.

Wie du wirklich misst

Lighthouse im Browser misst im Labor, unter idealisierten Bedingungen. Das ist gut zum Debuggen während der Entwicklung, aber nicht das, was Google für Rankings verwendet.

PageSpeed Insights zeigt beides: Labordaten von Lighthouse und echte Felddaten aus dem Chrome User Experience Report (CrUX). Die Felddaten sind das, was zählt.

Google Search Console zeigt in der Core Web Vitals-Auswertung, welche Seiten Probleme haben und wie viele Nutzer betroffen sind. Das ist der sinnvolle Startpunkt für jede Optimierung, nicht der PageSpeed-Score einer einzelnen Testseite.

Wenn du wissen willst, wo deine Website konkret steht und welche Maßnahmen den größten Impact haben, ist ein gezielter technischer Check der erste Schritt. Wir schauen uns das im Rahmen von Webdesign und Webentwicklung und SEO-Optimierung an, mit Fokus auf reale Performance statt Testwerte.