Core Web Vitals im Onlineshop: LCP, INP und CLS erklärt

Ihr Shop fühlt sich auf dem eigenen Laptop schnell an, und trotzdem meldet die Google Search Console «Schlechte URLs» oder PageSpeed Insights zeigt rote Werte? Dann sind Sie bei den Core Web Vitals gelandet. Hinter dem sperrigen Namen stecken drei Messwerte, mit denen Google bewertet, wie Besucherinnen und Besucher Ihre Seiten tatsächlich erleben: Wie schnell erscheint der wichtigste Inhalt, wie flott reagiert die Seite auf einen Klick, und springt das Layout beim Laden herum? In diesem Beitrag erklären wir die drei Werte ohne Fachchinesisch, zeigen, wo Sie sie für Ihren Shop nachschauen, und welche Ursachen wir in Shopify- und Shopware-Shops am häufigsten antreffen.

Was die Core Web Vitals messen – in Alltagssprache

LCP (Largest Contentful Paint) beantwortet die Frage: Wann sieht die Kundin das Wichtigste? Gemeint ist meist das grosse Produktbild, das Titelbild auf der Startseite oder ein grosser Textblock. Bis dieses Element vollständig angezeigt wird, wirkt die Seite «noch nicht da».

INP (Interaction to Next Paint) misst, wie schnell die Seite reagiert, wenn jemand etwas antippt: eine Grösse auswählen, den Filter öffnen, «In den Warenkorb» klicken. INP hat im März 2024 den älteren Wert FID abgelöst und ist strenger, weil er alle Klicks während eines Besuchs berücksichtigt, nicht nur den ersten.

CLS (Cumulative Layout Shift) erfasst, wie stark Inhalte beim Laden verrutschen. Sie kennen das: Man will auf «Kaufen» tippen, plötzlich schiebt sich ein Banner dazwischen, und man landet auf dem falschen Knopf. Genau das bestraft CLS.

Google stuft eine Seite als «gut» ein, wenn mindestens 75 Prozent der Seitenaufrufe die Zielwerte erreichen: LCP bis 2,5 Sekunden, INP bis 200 Millisekunden, CLS bis 0,1. Gemessen wird dabei nicht in einem Labor, sondern bei echten Besuchern mit Chrome – also auch mit dem älteren Smartphone im Zug zwischen Zürich und Bern.

Warum das für Ihren Shop zählt

Google nutzt die Core Web Vitals als eines von vielen Signalen für die Rangfolge. Ehrlich gesagt: Ein Shop mit perfekten Werten, aber dünnen Produkttexten wird nicht an einem Shop mit hilfreichen Inhalten vorbeiziehen. Relevanz kommt zuerst.

Wichtiger ist die Wirkung auf Ihre Kundschaft. Ein Shop, der träge reagiert oder bei dem Knöpfe davonspringen, wirkt unzuverlässig – und wer unsicher ist, gibt seine Kartendaten nicht ein. Die Core Web Vitals sind deshalb vor allem ein guter Massstab dafür, ob Ihr Shop auf dem Handy angenehm zu bedienen ist. Und dort findet ein grosser Teil des Einkaufens statt.

Wo Sie Ihre Werte nachschauen

• Google Search Console: Unter «Core Web Vitals» sehen Sie, welche Seitengruppen gut, verbesserungswürdig oder schlecht abschneiden – getrennt nach Mobilgerät und Desktop. Das ist der beste Startpunkt, weil hier echte Nutzerdaten einfliessen.
• PageSpeed Insights: Geben Sie die Adresse einer einzelnen Seite ein, etwa Ihre meistbesuchte Produktseite. Oben stehen die Werte echter Besucher (sofern genug Daten vorhanden sind), darunter ein Labortest mit konkreten Hinweisen.
• Shopify-Admin: Shopify zeigt im Bereich Analysen einen eigenen Bericht zur Web-Performance mit LCP, INP und CLS und markiert, wann Sie Apps oder Theme-Änderungen vorgenommen haben. So erkennen Sie schnell, ob eine neue App die Werte verschlechtert hat.

Ein Tipp: Schauen Sie nicht nur die Startseite an. Kategorie- und Produktseiten sind meist schwerer und für den Umsatz wichtiger.

Die häufigsten Ursachen – und was dagegen hilft

Schlechter LCP: Bilder und Slider

• Zu grosse Bilder: Ein Produktfoto mit mehreren Megabyte ist auf dem Handy eine Bremse. Moderne Formate wie WebP oder AVIF und passende Grössen pro Gerät schaffen Abhilfe. Shopify erledigt vieles automatisch, sofern das Theme die Bilder korrekt einbindet; bei Shopware 6 lohnt ein Blick auf die Thumbnail-Einstellungen.
• Das wichtigste Bild lädt zu spät: Das grosse Bild ganz oben sollte sofort geladen werden, nicht «verzögert» (Lazy Loading). Lazy Loading ist für Bilder weiter unten sinnvoll, beim Hauptbild schadet es.
• Startseiten-Slider: Ein Slider mit fünf grossen Bildern und Animation verzögert oft den Hauptinhalt. Ein starkes Bild mit klarer Botschaft ist meist schneller und verkauft nicht schlechter.
• Langsamer Server: Gerade bei Shopware 6 hängt die Antwortzeit stark vom Hosting und vom Caching ab. Wenn schon die erste Antwort des Servers lange dauert, helfen auch kleine Bilder wenig.

Schlechter INP: zu viel JavaScript

• App-Sammlung: Jede App für Bewertungen, Pop-ups, Chat, Upselling oder Übersetzung bringt eigenen Code mit. Einzeln harmlos, zusammen oft der Hauptgrund für träge Klicks. Prüfen Sie jede App: Wird sie noch gebraucht? Gibt es die Funktion inzwischen im Theme oder im Shopsystem selbst?
• Reste deinstallierter Apps: Manche Apps hinterlassen nach dem Löschen Code im Theme. Ein Blick in die Theme-Dateien lohnt sich.
• Tracking-Skripte: Analyse- und Werbe-Pixel sind wichtig, sollten aber gebündelt und möglichst über den Tag Manager oder die offiziellen Schnittstellen eingebunden werden, statt mehrfach im Code zu stehen.

Schlechter CLS: Elemente, die nachrutschen

• Bilder ohne feste Masse: Fehlen Breite und Höhe, weiss der Browser nicht, wie viel Platz er reservieren muss – der Text springt, sobald das Bild da ist.
• Cookie-Banner, Hinweisleisten und Pop-ups: Wenn sie den Inhalt nach unten schieben, statt darüber zu liegen, steigt der CLS-Wert. Reservieren Sie den Platz von Anfang an oder blenden Sie Banner als Überlagerung ein.
• Nachgeladene Schriften: Wenn eine Webschrift spät lädt, verändert sich die Textbreite und alles verschiebt sich leicht. Wenige Schriftschnitte und eine passende Ersatzschrift helfen.

So gehen Sie sinnvoll vor

1. Ausgangslage festhalten: Werte aus Search Console und PageSpeed Insights für Startseite, eine Kategorie und Ihre drei wichtigsten Produktseiten notieren.
2. Mit dem schlechtesten Wert beginnen: Ist nur CLS rot, bringt Bildoptimierung wenig. Arbeiten Sie gezielt am Problem, das Google meldet.
3. Eine Änderung nach der anderen: App entfernen, messen, dann weiter. So wissen Sie, was gewirkt hat.
4. Geduld beim Nachmessen: Die Daten echter Besucher in der Search Console beziehen sich auf die letzten 28 Tage. Verbesserungen werden dort also erst nach einigen Wochen vollständig sichtbar.
5. Nach Updates kontrollieren: Theme-Updates, neue Apps oder ein Shopware-Update können die Werte verändern – in beide Richtungen. Ein kurzer Check danach gehört zur Routine.

Was Sie besser lassen

• Einem Punktwert hinterherjagen: Die 100 Punkte im Labortest von PageSpeed Insights sind kein Ziel an sich. Entscheidend sind die Werte echter Besucher.
• Funktionen blind abschalten: Wer aus Tempogründen die Produktbewertungen oder die Twint-Zahlung entfernt, gewinnt Millisekunden und verliert Kundschaft. Es geht um die gute Umsetzung, nicht ums Weglassen.
• «Speed-Apps» als Wundermittel: Manche Optimierungs-Apps verschieben Probleme nur oder bringen selbst zusätzlichen Code mit. Zuerst die Ursachen beheben.

Fazit: Schnell ist, was sich schnell anfühlt

Die Core Web Vitals sind kein Selbstzweck, sondern ein ziemlich guter Spiegel dafür, wie angenehm Ihr Shop auf dem Handy zu bedienen ist. Die meisten Probleme haben ganz handfeste Ursachen: zu grosse Bilder, zu viele Apps, nachrutschende Banner. Wer diese Schritt für Schritt angeht, verbessert die Werte bei Google und das Einkaufserlebnis gleichzeitig.

Wenn Sie wissen möchten, wo Ihr Shopify- oder Shopware-Shop Zeit verliert, schauen wir uns das gerne mit Ihnen an – per Telefon oder Video, das Erstgespräch ist kostenlos. Im Rahmen unserer Shop-Potenzial-Analyse prüfen wir auch Ladezeiten und Bedienbarkeit, und mit dem Update-Service bleibt Ihr Shop nach Änderungen auf Kurs.