Lädt Ihr Shop zu langsam, springt das Layout beim Laden oder reagiert ein Button verzögert, verlieren Sie Besucher, bevor sie überhaupt kaufen. Die Core Web Vitals machen genau das messbar: wie schnell, stabil und reaktionsfreudig sich Ihre Seiten für echte Nutzer anfühlen.
In der Praxis sehen wir immer wieder dieselben Ursachen: zu viele Plugins, aufgeblähte Themes und nicht optimierte Bilder. Die gute Nachricht: Mit gezielten Anpassungen lassen sich Ladezeit, Stabilität und Nutzererlebnis deutlich verbessern – in WordPress, Shopware und anderen Systemen.
Was die Core Web Vitals messen
Die Core Web Vitals bestehen aus drei Kennzahlen. Google bewertet sie anhand echter Nutzerdaten; als „gut“ gilt eine Seite, wenn mindestens 75 Prozent der Seitenaufrufe die Zielwerte erreichen.
| Kennzahl | Was gemessen wird | Zielwert („gut“) |
|---|---|---|
| LCP (Largest Contentful Paint) | Zeit, bis der größte sichtbare Inhalt – etwa ein Hero-Bild oder Produktfoto – angezeigt wird. | höchstens 2,5 Sekunden |
| INP (Interaction to Next Paint) | Wie schnell die Seite sichtbar auf Klicks, Taps und Eingaben reagiert. | höchstens 200 Millisekunden |
| CLS (Cumulative Layout Shift) | Wie stark sich Inhalte beim Laden unerwartet verschieben. | höchstens 0,1 |
Welchen Einfluss sie auf Rankings haben
Die Core Web Vitals sind Teil der Signale, mit denen Google die Nutzererfahrung einer Seite bewertet. Sie sind aber nur ein Faktor unter vielen: Relevante, hilfreiche Inhalte bleiben wichtiger. Gute Werte allein bringen also keine Top-Rankings – schlechte Werte können aber bei vergleichbaren Seiten den Ausschlag geben. Der größere Effekt zeigt sich oft direkt bei Ihren Besuchern: Schnelle, stabile Seiten werden seltener abgebrochen und häufiger zu Ende genutzt.
Die 6 wichtigsten Optimierungen
1. Bilder optimieren
Große Bilddateien sind im E-Commerce die häufigste Ursache für schlechte LCP-Werte. Mehr dazu in unserem Beitrag zu Bilder-SEO im Onlineshop.
- Moderne Formate: WebP oder AVIF statt JPG oder PNG – bei gleicher Qualität deutlich kleiner.
- Passende Größe: Bilder nicht größer ausliefern als angezeigt und über
srcsetverschiedene Größen anbieten. - Feste Abmessungen:
widthundheightim HTML angeben, damit der Browser Platz reserviert und nichts springt.
2. Caching auf allen Ebenen
- Server-Caching: Ein guter Hoster bietet Seiten- und Objekt-Caching, etwa mit Varnish oder Redis.
- Browser-Caching: Statische Dateien wie Bilder, Schriften und Skripte mit langen Cache-Zeiten ausliefern.
- CDN: Bei Besuchern aus vielen Regionen verkürzt ein Content Delivery Network die Wege.
3. Code und Plugins verschlanken
Jedes Plugin und jede Theme-Funktion bringt zusätzliches CSS und JavaScript mit. Das verzögert vor allem LCP und INP.
- Plugin-Prüfung: Entfernen Sie Erweiterungen, die nur „nice to have“ sind oder doppelte Funktionen bieten. Warum das so wichtig ist, lesen Sie in unserem Beitrag, warum zu viele Plugins schaden.
- Gezielt laden: Skripte und Styles nur auf den Seiten einbinden, auf denen sie gebraucht werden – etwa Formular-Code nur auf der Kontaktseite.
- Lange Aufgaben vermeiden: Umfangreiche Skripte, etwa von Chat- oder Tracking-Tools, blockieren den Browser und verschlechtern INP.
4. Schriftarten lokal einbinden
- Lokal hosten: Schriften wie Google Fonts vom eigenen Server laden. Das spart Verbindungen zu fremden Servern und vermeidet zugleich datenschutzrechtliche Probleme.
- Wenige Schnitte: Nur die Schriftstärken laden, die wirklich verwendet werden, im Format WOFF2.
- Vorladen: Die wichtigsten Schriften mit
rel="preload"früh anfordern undfont-display: swapnutzen.
5. Lazy Loading richtig einsetzen
- Nativ: Bilder, Videos und iFrames außerhalb des sichtbaren Bereichs mit
loading="lazy"erst bei Bedarf laden. - Wichtig: Das LCP-Element – meist das große Bild im oberen Bereich – darf nicht lazy geladen werden. Es sollte im Gegenteil bevorzugt geladen werden, etwa mit
fetchpriority="high".
6. Hosting und Serverantwortzeit
Die Time to First Byte (TTFB) ist die Grundlage für einen guten LCP. Achten Sie auf aktuelle PHP-Versionen, ausreichend Ressourcen, schnellen Speicher und Unterstützung für HTTP/2 oder HTTP/3.
Messen und prüfen
- Google Search Console: Der Bericht „Core Web Vitals“ zeigt echte Nutzerdaten Ihrer Seiten – die wichtigste Quelle für die Bewertung durch Google.
- PageSpeed Insights: Zeigt für einzelne Seiten echte Nutzerdaten (sofern vorhanden) und eine Labormessung mit konkreten Verbesserungsvorschlägen.
- Lighthouse in den Chrome DevTools: Für Detailanalysen während der Entwicklung.
Prüfen Sie Smartphone und Desktop getrennt – mobil sind die Werte meist schlechter. Worauf es speziell mobil ankommt, lesen Sie in unserem Beitrag zu Mobile SEO für Onlineshops. Welche Kennzahlen neben der Ladezeit zählen, zeigt der Beitrag Shop-Performance messen.
Fazit
Gute Core Web Vitals sind die Grundlage für ein angenehmes Einkaufserlebnis. Weniger Plugins, schlanke Themes, optimierte Bilder, sinnvolles Caching und gutes Hosting – damit lösen Sie die meisten Probleme. Und weil sich Shops ständig verändern, lohnt es sich, die Werte regelmäßig zu prüfen.
Sie möchten wissen, wo Ihr Shop steht? Mehr zu unserer Unterstützung finden Sie unter Technisches SEO & KI-Sichtbarkeit.
