Shopware und Core Web Vitals: Ladezeit als Rankingfaktor

Seit Google die Core Web Vitals als offiziellen Rankingfaktor eingeführt hat, ist Ladezeit kein rein technisches Thema mehr. Sie entscheidet mit darüber, ob dein Shopware-Shop auf Seite eins oder Seite drei landet. Die gute Nachricht: Die meisten Shops haben erhebliches Potenzial, das sich mit klaren Maßnahmen heben lässt. Die schlechte: Viele Agenturen und Händler messen die falschen Dinge oder optimieren an der falschen Stelle.

Was Core Web Vitals sind und warum sie zählen

Core Web Vitals sind drei Metriken, die Google seit 2021 als Teil des Page-Experience-Signals wertet. Sie messen keine theoretische Servergeschwindigkeit, sondern die tatsächliche Nutzererfahrung im Browser.

Die drei aktuellen Metriken (Stand 2026) sind:

• LCP (Largest Contentful Paint): Wie lange dauert es, bis das größte sichtbare Element einer Seite geladen ist? Das ist meist das Hero-Bild oder eine große Headline. Zielwert: unter 2,5 Sekunden.
• INP (Interaction to Next Paint): Wie schnell reagiert die Seite auf Nutzereingaben wie Klicks oder Tastatureingaben? INP hat 2024 FID als Metrik abgelöst und ist strenger. Zielwert: unter 200 Millisekunden.
• CLS (Cumulative Layout Shift): Wie stark springen Elemente auf der Seite, während sie lädt? Schrift, die sich nach unten schiebt, weil ein Banner nachlädt, kostet CLS-Punkte. Zielwert: unter 0,1.

Google wertet diese Metriken über echte Nutzer-Daten aus dem Chrome-Browser aus, nicht aus Labortest-Tools. Das bedeutet: PageSpeed Insights zeigt dir zwei Werte, Laborwert und Feldwert. Der Feldwert (aus echten Besuchen) zählt für das Ranking.

Wo Shopware-Shops typischerweise schwächeln

In der Praxis sehen wir bei Shopware-Shops immer wieder dieselben Muster:

LCP-Probleme entstehen fast immer durch zu große oder falsch eingebundene Produktbilder im Hero-Bereich, fehlende Preload-Hints für kritische Schriften und Bilder sowie einen zu langsamen Server-Response (TTFB). Shops ohne richtig konfiguriertes Caching haben hier strukturell das Nachsehen, weil jede ungecachte Seite die volle PHP-Laufzeit kostet.

INP-Probleme sind in Shopware-Shops seltener, aber schwerer zu finden. Sie entstehen oft durch zu viel JavaScript im Theme oder durch schlecht optimierte Plugins, die blockierenden Code nachladen. Auch der Shopware-eigene JavaScript-Stack kann bei älteren Themes träge sein.

CLS-Probleme kommen häufig von Bannern und Consent-Layern, die nachträglich in das Layout eingeschoben werden, von Schriften, die ohne font-display: swap eingebunden sind, und von Produktbildern ohne feste Dimensionen im HTML.

LCP in Shopware verbessern

Das größte Hebelpotenzial liegt meistens hier. Konkrete Maßnahmen:

Bilder richtig vorbereiten. Hero-Bilder gehören im WebP-Format eingebunden, mit einer Größe, die zum tatsächlichen Anzeigebereich passt. Shopware 6 kann über die Thumbnail-Konfiguration automatisch skalierte Varianten erzeugen. Nutze das konsequent, statt ein 4000-Pixel-Bild für alle Breakpoints auszuspielen.

Preload für das Hero-Bild setzen. Das Hero-Bild ist in fast allen Shops das LCP-Element. Wenn der Browser es erst nach dem HTML-Parsing entdeckt, verlierst du wertvolle Zeit. Ein <link rel="preload"> im Head sorgt dafür, dass der Download sofort startet. Für Shopware erledigt das eine kleine Theme-Anpassung oder ein Plugin.

TTFB durch Caching senken. Wenn der Server mehr als 600 ms für die erste Antwort braucht, kannst du das Frontend noch so gut optimieren, LCP-Werte unter 2,5 Sekunden werden schwer. Für alle Details zu den Cache-Schichten und wie sie zusammenspielen, lies den Artikel zu Shopware Caching mit HTTP-Cache, Redis und Varnish.

Schriften lokal hosten oder mit Preconnect laden. Google Fonts über das CDN laden kostet einen DNS-Lookup und einen Verbindungsaufbau. Entweder hostest du die Schriften lokal oder du setzt wenigstens <link rel="preconnect"> früh im Head.

INP in Shopware im Griff behalten

INP misst Reaktionszeit. Shopware-Themes, die JavaScript-schwer sind, kämpfen hier. Folgende Punkte helfen:

Prüfe alle Plugins, die JavaScript nachladen. Plugins für Chatbots, Cookie-Consent, Produktkonfiguratoren oder Live-Chat sind häufige Quellen blockierender Skripte. Setze für nicht-kritische Scripts defer oder async und lade sie wenn möglich erst nach dem Hauptinhalt.

Veraltete Theme-JavaScript-Bundles sind ein weiteres Problem. Wenn du noch ein älteres Shopware-5-Theme migriert hast oder ein Theme mit viel jQuery-Code nutzt, lohnt sich ein Audit. Der JavaScript-Payload mancher Shops ist zwei- bis dreimal so groß wie nötig.

Für Shops mit individuell entwickelten Funktionen gilt: Performance-Anforderungen gehören in das Briefing, nicht in den Nachklapp.

CLS: Layout-Stabilität ohne Kompromisse

CLS ist die Metrik, bei der kleine Fehler große Auswirkungen haben. Die häufigsten Ursachen und ihre Lösungen:

Produktbilder ohne feste Dimensionen im HTML. Wenn der Browser die Bildgröße erst nach dem Download kennt, verschiebt sich der Inhalt darunter. Lösung: width und height im <img>-Tag setzen, der Browser reserviert dann den Platz vorab.

Consent-Banner, die von oben ins Layout fallen oder Elemente verschieben, sind ein klassisches CLS-Problem. Positioniere sie als Fixed-Overlay, nicht als Flow-Element.

Schriften ohne font-display: swap. Wenn eine Custom-Schrift nachlädt und der Fallback-Text anders groß ist, springt das Layout. Mit font-display: swap zeigt der Browser sofort die Fallback-Schrift und tauscht sie lautlos aus, sobald die echte Schrift bereit ist.

Messen und überwachen: die richtigen Tools

Viele Händler schauen einmal in PageSpeed Insights und denken, damit ist es erledigt. In der Realität variieren die Werte stark zwischen Seiten und über die Zeit. Was du regelmäßig nutzen solltest:

• Google Search Console, Bereich Core Web Vitals: Zeigt dir auf Basis echter Nutzerdaten, welche Seitengruppen Probleme haben. Viel wichtiger als Laborwerte.
• PageSpeed Insights: Sinnvoll für die Diagnose einzelner Seiten. Immer den Feldwert lesen, nicht nur den Laborwert.
• Chrome DevTools, Performance-Tab: Für die Entwicklungsanalyse unverzichtbar, um zu verstehen, was genau blockiert.
• Lighthouse CI: In eine CI/CD-Pipeline integriert, damit Performance-Regressionen auffallen, bevor sie live gehen.

Wichtig: Miss nicht nur die Startseite. Produktseiten, Kategorieseiten und die Checkout-Strecke haben oft deutlich schlechtere Werte als die Startseite, werden aber seltener gemessen.

Weitere grundlegende Maßnahmen zur technischen Basis findest du im Artikel zu Shopware Performance optimieren sowie in unserer Übersicht zu den Shopware SEO-Grundlagen.

Häufige Fragen

Wie stark wirken sich Core Web Vitals auf das Google-Ranking aus?

Core Web Vitals sind ein Rankingfaktor, aber kein Dominanzfaktor. Google hat mehrfach betont, dass relevanter Content weiterhin Vorrang hat. In der Praxis bedeutet das: Schlechte Core Web Vitals können dich zurückhalten, wenn zwei inhaltlich gleichwertige Seiten konkurrieren. Einen qualitativ überlegenen Wettbewerber schlägt man nicht allein durch bessere Ladezeiten.

Welche Shopware-Version hat die besten Voraussetzungen für gute Core Web Vitals?

Shopware 6 ist deutlich besser aufgestellt als Shopware 5. Die Storefront in SW6 baut auf modernem Symfony, nutzt HTTP-Cache nativ und kommt ohne veraltete jQuery-Abhängigkeiten im Kern aus. Wer noch auf Shopware 5 betreibt, hat strukturelle Performance-Nachteile. Der Umstieg ist einer der stärksten Performance-Hebel überhaupt.

Können Plugins die Core Web Vitals verschlechtern?

Ja, deutlich. Schlecht entwickelte Plugins laden JavaScript synchron im Head, fügen unkomprimierte Bilder ein oder injizieren Render-blocking CSS. Vor einem Performance-Audit lohnt es sich, alle aktiven Plugins zu inventarisieren und einzeln zu deaktivieren, um den Einfluss zu messen.

Reicht ein gutes Hosting, um gute Core Web Vitals zu bekommen?

Gutes Hosting ist notwendig, aber nicht hinreichend. Ein schneller Server verbessert TTFB und damit LCP. INP und CLS hängen fast vollständig vom Frontend ab. Wer nur am Hosting schraubt, löst zwei Drittel der möglichen Probleme nicht.

---

Wenn du wissen willst, wo dein Shopware-Shop konkret steht, schau dir unsere Shopware-Performance-Leistungen an. Wir analysieren LCP, INP und CLS auf Basis echter Felddaten und benennen die Maßnahmen mit dem besten Aufwand-Nutzen-Verhältnis.