Core Web Vitals für WooCommerce: Was LCP, INP und CLS über deinen Shop verraten

Irgendwann passiert es jedem Shop-Betreiber: Die Search Console meldet „Core Web Vitals: Nicht gut", PageSpeed Insights zeigt orange und rote Kreise, und die Agentur sagt „das müssen wir optimieren". Nur: Was genau ist da eigentlich kaputt — und kostet es dich Umsatz oder nur ein gutes Gefühl?

Die Core Web Vitals sind drei Messwerte, mit denen Google die echte Nutzererfahrung deiner Seite bewertet. Das Praktische für dich: Jede der drei Metriken misst einen konkreten Moment im Kaufprozess. Wer sie einmal in Shop-Sprache übersetzt hat, weiß ziemlich genau, wo es klemmt.

Die drei Metriken in Shop-Sprache

LCP — „Wann sehe ich das Produkt?"

Largest Contentful Paint misst, wann das größte Element im sichtbaren Bereich fertig geladen ist. In einem Shop ist das fast immer dein Hero- oder Produktbild. Google-Grenzwert: unter 2,5 Sekunden ist gut, über 4 Sekunden schlecht.

LCP ist die Metrik, die am direktesten mit „der Shop fühlt sich langsam an" übereinstimmt — und die mit dem stärksten Umsatz-Bezug: Schon 0,1 Sekunden schnellere Ladezeit heben die Conversions im Handel messbar. Ein LCP von 4 Sekunden auf dem Handy heißt: Ein Teil deiner Besucher ist weg, bevor er dein Produkt je gesehen hat.

INP — „Reagiert der Shop, wenn ich klicke?"

Interaction to Next Paint misst, wie schnell die Seite auf Klicks und Eingaben sichtbar reagiert — über den gesamten Besuch, nicht nur beim Laden. Seit März 2024 hat INP die alte Metrik FID abgelöst, und das ist für Shops relevant: FID war fast immer grün, INP deckt gnadenlos auf, wenn JavaScript die Seite blockiert. Gut ist unter 200 Millisekunden.

In Shop-Sprache: INP ist der Moment, in dem dein Kunde auf „In den Warenkorb" klickt und… nichts passiert. Eine halbe Sekunde später hüpft die Zahl im Warenkorb-Icon. Diese halbe Sekunde ist INP — und sie fühlt sich nach „kaputt" an, nicht nach „langsam".

CLS — „Springt die Seite unter meinem Finger weg?"

Cumulative Layout Shift misst, wie stark Inhalte beim Laden springen. Gut ist unter 0,1. Der Shop-Klassiker: Du willst auf „Kaufen" tippen, in dem Moment lädt oben ein Cookie-Banner oder ein „Nur heute -20%"-Streifen nach, alles rutscht — und dein Finger landet auf dem Newsletter-Popup. Jeder kennt es, jeder hasst es, und Google misst es.

Ranking oder Umsatz — warum die Vitals wirklich zählen

Zwei Dinge, ehrlich eingeordnet:

Fürs Ranking sind die Core Web Vitals ein bestätigter, aber moderater Faktor — eher Zünglein an der Waage zwischen ähnlich guten Ergebnissen als Rank-1-Garantie. Wer wegen der Vitals SEO-Wunder erwartet, wird enttäuscht.

Für den Umsatz sind sie deutlich direkter: Die Vitals messen exakt die Momente, in denen Kaufinteresse in Kauf umschlägt — Produkt sehen (LCP), in den Warenkorb legen (INP), zur Kasse tippen (CLS). Deshalb lohnt sich die Optimierung auch dann, wenn dir das Ranking egal wäre. Die Zahlen dazu stehen im Headless-Artikel mit echten Vorher/Nachher-Werten.

Felddaten vs. Labordaten — warum PageSpeed zwei Meinungen hat

Der Punkt, an dem fast alle Verwirrung entsteht: PageSpeed Insights zeigt zwei verschiedene Messungen, die sich widersprechen können.

• Felddaten (oben): echte Chrome-Nutzer deiner Seite, gesammelt über die letzten 28 Tage (CrUX). Das ist die Zahl, die für Google zählt — bewertet am 75. Perzentil, also daran, was drei Viertel deiner Besucher mindestens erleben.
• Labordaten (unten): eine einzelne simulierte Messung mit gedrosseltem Gerät. Gut zum Debuggen, aber nicht das, was Google bewertet.

Praktische Folgen: Ein Shop kann im Labor glänzen und im Feld durchfallen (deine echten Kunden haben ältere Handys als dein Büro-WLAN vermuten lässt). Und: Nach einer Optimierung dauert es bis zu 28 Tage, bis die Felddaten nachziehen — nicht nervös werden. Kleinere Shops haben teils gar keine Felddaten; dann bewertet Google die Origin-Werte der ganzen Domain. Deine Übersicht dazu findest du in der Search Console unter „Core Web Vitals" — dort siehst du, welche Seiten-Gruppen betroffen sind.

Die typischen WooCommerce-Ursachen — pro Metrik

LCP rot? Der Reihe nach:

1. TTFB zu hoch — der Server braucht schon eine Sekunde, bevor irgendwas laden kann. Das ist ein Hosting-Thema oder eine aufgeblähte Datenbank.
2. Produktbilder zu groß oder falsches Format — 2-MB-JPEGs statt WebP/AVIF in passender Größe.
3. Render-blockierendes CSS/JS — das Theme lädt erst 15 Dateien, bevor es das Hero-Bild zeigt.

INP rot? Fast immer JavaScript:

1. Theme/Page-Builder-Ballast — Elementor und Co. hängen an jedem Klick zusätzliche Skript-Arbeit.
2. Zu viele Plugins, die überall mitladen — die Plugin-Inventur ist hier der wirksamste Schritt.
3. Cart-Fragments und Checkout-Neuberechnungen — WooCommerce rechnet bei Eingaben serverseitig nach, besonders an der Kasse.

CLS rot? Alles, was nachlädt und schubst:

1. Bilder ohne feste Dimensionen — der Browser weiß nicht, wie viel Platz er reservieren soll.
2. Banner, Cookie-Notices, Popups, die nach dem Laden oben einrasten.
3. Nachladende Webfonts, die den Text umbrechen lassen.

Die Monats-Routine für Shop-Betreiber

Du musst kein Performance-Experte werden. Diese Routine reicht:

1. Einmal im Monat Search Console → Core Web Vitals öffnen. Grün? Fertig, zurück zum Tagesgeschäft.
2. Bei Orange/Rot: betroffene Seiten-Gruppe in PageSpeed Insights messen und mit der Ursachen-Liste oben abgleichen.
3. Nach jeder Änderung (neues Plugin, neues Theme, neuer Slider): einmal messen. Verschlechterungen schleichen sich ein — meist als „nur noch ein Plugin".

Wenn trotz Optimierung alles rot bleibt

Es gibt einen Punkt, an dem WordPress-Bordmittel die Vitals nicht mehr retten: Das Theme bringt strukturell zu viel JavaScript mit (INP), und serverseitiges Rendern hält den LCP über der Grenze, egal wie viel Hosting du kaufst. Ab da ist es kein Optimierungs-, sondern ein Architektur-Thema — eine statische Storefront vor deinem bestehenden WooCommerce liefert fertige Seiten aus und bringt LCP unter 1 Sekunde und INP weit ins Grüne, ohne dass du den Shop neu baust.

Wo stehen deine Vitals? Miss es in 30 Sekunden

Ich habe dafür einen kostenlosen WooCommerce Speed-Check gebaut: Shop-URL eingeben, und du bekommst LCP, Performance und Co. für Mobil und Desktop — gemessen mit denselben Google-Werkzeugen wie in diesem Artikel, plus eine ehrliche Einschätzung, welche der Ursachen oben bei dir dran ist.

---

Willst du die nächsten Performance- und Build-Guides — mit allen Stolperfallen? Abonniere den „Built with AI"-Newsletter.

Lieber done-for-you? Schreib mir kurz — langsame WooCommerce-Shops schnell machen ist mein Tagesgeschäft.