WooCommerce schneller machen: Core Web Vitals für Onlineshops optimieren
Um WooCommerce schneller zu machen, messen Sie zuerst die Core Web Vitals Ihrer Produkt- und Kategorieseiten. Danach gilt diese Reihenfolge: Hosting und serverseitiges Caching, Produktbilder, überflüssige Skripte (Plugins, Tracking-Pixel, Cart Fragments) und zuletzt das Theme. So erzielen Sie die größten Verbesserungen – für Ihre Kunden und für Google.
Ein langsamer Shop nervt nicht nur, er verkauft auch weniger. Jede zusätzliche Sekunde auf dem Smartphone gibt Kunden Zeit, zur Google-Suche oder zum nächsten Anbieter zurückzukehren. Gerade WooCommerce ist so flexibel, dass sich mit der Zeit viele Plugins und Skripte ansammeln, die jede Seite ausbremsen.
Dieser Leitfaden richtet sich an Shopbetreiber, Marketingteams und Start-ups, die einen schnellen WooCommerce-Shop wollen. Sie erfahren, was Sie messen sollten, was zuerst optimiert werden muss und wann ein Relaunch sinnvoller ist als weiteres Feintuning.
Warum die Ladezeit Ihres WooCommerce-Shops den Umsatz beeinflusst
Die Studie „Milliseconds Make Millions“, die Deloitte und 55 im Auftrag von Google mit 37 europäischen und US-amerikanischen Marken durchgeführt haben, untersuchte die Wirkung einer um 0,1 Sekunden schnelleren mobilen Ladezeit. Bei Retail-Websites stieg die Conversion-Rate um 8,4 %, und Kunden gaben 9,2 % mehr aus. Die Daten stammen aus dem Jahr 2019, das Prinzip gilt aber weiterhin: Weniger Warten bedeutet weniger Abbrüche.
Auch für SEO spielt die Geschwindigkeit eine Rolle. In der Google-Dokumentation zur Nutzerfreundlichkeit von Seiten heißt es, dass die Core Web Vitals von den Ranking-Systemen verwendet werden. Google stellt aber klar, dass gute Werte keine Top-Platzierung garantieren – relevante Inhalte bleiben entscheidend. Sehen Sie Performance also als Zünglein an der Waage und als Conversion-Hebel, nicht als Wundermittel.
Die Ausgangslage ist oft schwach. Laut dem CMS-Kapitel des Web Almanac 2025 von HTTP Archive bestehen nur 45 % der WordPress-Websites alle drei Core Web Vitals auf Mobilgeräten. Ein wirklich schneller WooCommerce-Shop hebt sich also deutlich vom Wettbewerb ab.
Die drei Core Web Vitals im WooCommerce-Kontext
Google bewertet drei Kennzahlen, gemessen bei echten Besuchern am 75. Perzentil, getrennt für Mobilgeräte und Desktop. Die Grenzwerte für „gut“ sind auf web.dev festgelegt.
| Kennzahl | Grenzwert „gut“ | Typische Ursache bei WooCommerce | Erste Maßnahme |
|---|---|---|---|
| LCP (Largest Contentful Paint) | max. 2,5 s | Schweres Produktfoto, langsamer Server, Slider auf der Startseite | Server-Caching, priorisiertes WebP/AVIF-Bild |
| INP (Interaction to Next Paint) | max. 200 ms | Drittanbieter-Skripte, Page Builder, AJAX-Filter, Variantenauswahl | Unnötiges JavaScript entfernen oder verzögern |
| CLS (Cumulative Layout Shift) | max. 0,1 | Bilder ohne Abmessungen, Cookie-Banner, nachgeladene Sale-Badges | Platz für Elemente reservieren, Webfonts kontrollieren |
Erst messen, dann optimieren
Verlassen Sie sich nicht auf einen einzelnen Lighthouse-Wert von Ihrem Laptop. Es gibt zwei Arten von Daten:
- Felddaten: die Erfahrungen Ihrer echten Besucher, oben in PageSpeed Insights und im Core-Web-Vitals-Bericht der Search Console. Diese Daten nutzt Google.
- Labordaten: ein simulierter Test, ideal zur Fehlersuche und für Vorher-nachher-Vergleiche.
Prüfen Sie jedes Seitentemplate, nicht nur die Startseite: eine Kategorieseite, zwei oder drei umsatzstarke Produktseiten, den Warenkorb und den Checkout. Bei WooCommerce sind meist die Produktseiten und gefilterte Kategorien die Schwachstellen – genau die Seiten, die organischen Traffic bringen.
10 Maßnahmen, die WooCommerce schneller machen
1. Hosting, das für WooCommerce ausgelegt ist
Keine Optimierung gleicht einen überlasteten Server aus. Ein Shop braucht eine aktuelle, unterstützte PHP-Version (siehe die offiziellen WordPress-Anforderungen), dedizierte Ressourcen und eine stabile Serverantwortzeit (TTFB). Liegt Ihre TTFB regelmäßig über einer Sekunde, fangen Sie hier an. Was gutes Hosting ausmacht, lesen Sie auf unserer Seite zu Webhosting.
2. Seiten-Caching mit den richtigen Ausnahmen
Cachen Sie Startseite, Kategorien und Produktseiten. Warenkorb, Checkout und „Mein Konto“ müssen dagegen ausgeschlossen werden – sonst sieht im schlimmsten Fall ein Kunde die Sitzung eines anderen. Achten Sie außerdem darauf, dass der Cache bei Preis- oder Lagerbestandsänderungen geleert wird.
3. Persistenter Objekt-Cache (Redis oder Memcached)
WooCommerce stellt viele Datenbankabfragen für Sitzungen, Warenkörbe, Preise und Varianten. Ein Objekt-Cache hält diese Ergebnisse im Arbeitsspeicher und entlastet den Server – besonders auf nicht gecachten Seiten wie Warenkorb und Checkout.
4. Produktbilder, die für LCP optimiert sind
Das Hauptbild einer Produktseite ist häufig das LCP-Element. Liefern Sie es als WebP oder AVIF in passender Größe per srcset aus, mit gesetzten width- und height-Attributen. Wichtig: Laden Sie es nicht per Lazy Loading, sondern setzen Sie fetchpriority="high". Lazy Loading eignet sich für Galerie-Thumbnails und ähnliche Produkte.
5. Schlankes Theme statt überladener Page Builder
Viele Multipurpose-Themes laden Slider, Animationen und zusätzliche Schriften auf jeder Seite. Ein schlankes oder blockbasiertes Theme reduziert JavaScript und CSS deutlich und erleichtert den Aufbau konversionsstarker Produktseiten.
6. Plugin-Audit
Installieren Sie Query Monitor auf einer Staging-Umgebung, um langsame Abfragen und Plugins zu finden, die ihre Dateien überall laden. Entfernen Sie ungenutzte Plugins und beschränken Sie die übrigen auf die Seiten, auf denen sie gebraucht werden.
7. Cart Fragments im Griff behalten
Das Skript für Cart Fragments aktualisiert den Mini-Warenkorb per AJAX-Anfrage. Seit WooCommerce 7.8 wird es standardmäßig nicht mehr auf allen Seiten geladen, sondern nur dort, wo das Warenkorb-Widget angezeigt wird – so erklärt es der WooCommerce-Entwicklerblog. Manche Themes und Plugins aktivieren es jedoch wieder global. Prüfen Sie im Netzwerk-Tab Ihres Browsers, ob wc-ajax=get_refreshed_fragments auf Seiten ausgelöst wird, die es nicht brauchen.
8. Drittanbieter-Skripte – der größte Feind von INP
Werbe-Pixel, Live-Chat, Bewertungs-Widgets, Karten und eingebettete Videos verlangsamen die Reaktionszeit einer Seite. Erstellen Sie eine Bestandsaufnahme, entfernen Sie Dubletten (zwei Analyse-Tools, die dasselbe messen), laden Sie den Chat erst nach einer Nutzerinteraktion und verwalten Sie Pixel zentral über einen sauber konfigurierten Tag Manager.
9. High-Performance Order Storage (HPOS)
HPOS speichert Bestellungen in eigenen Datenbanktabellen. In den von WooCommerce veröffentlichten Benchmarks war das Anlegen von Bestellungen rund 5-mal und der Checkout rund 1,5-mal schneller. HPOS beschleunigt vor allem die Bestellverarbeitung und das Backend, weniger das Laden der Shopseiten. Prüfen Sie vor der Aktivierung die Kompatibilität Ihrer Plugins.
10. Eine gepflegte Datenbank
Abgelaufene Transients, Revisionen, alte Sitzungen und abgeschlossene geplante Aktionen blähen die Datenbank mit der Zeit auf. Regelmäßige Bereinigungen – zuerst an einer Kopie getestet – gehören in jeden guten Wartungsvertrag für Websites.
Beispiel: ein Vier-Wochen-Plan für einen Modeshop
Ein veranschaulichendes Beispiel: ein WooCommerce-Modeshop mit 800 Produkten, Größen- und Farbvarianten, einem Multipurpose-Theme und 35 Plugins. PageSpeed Insights zeigt einen mobilen LCP von 4,1 Sekunden auf Produktseiten und einen schlechten INP auf gefilterten Kategorieseiten.
Ein typischer Plan sähe so aus:
- Woche 1: Templates messen, Umzug auf Hosting mit Objekt-Cache, Seiten-Caching samt Ausnahmen einrichten.
- Woche 2: Produktfotos in WebP umwandeln, Lazy Loading beim Hauptbild entfernen, überall feste Abmessungen setzen.
- Woche 3: 8 ungenutzte Plugins entfernen, die übrigen bedingt laden, Live-Chat verzögern, Tracking-Pixel aufräumen.
- Woche 4: den schwersten AJAX-Filter ersetzen, erneut messen und die Felddaten 28 Tage lang beobachten.
Die Felddaten von Google beruhen auf einem gleitenden Zeitraum von 28 Tagen – bewerten Sie das Ergebnis also nicht zu früh. Nutzen Sie die Gelegenheit, um auch Ihren WooCommerce-Checkout schnell und reibungslos zu halten.
Optimieren oder Relaunch des WooCommerce-Shops?
Optimierung reicht, wenn das Fundament stimmt: ein ordentliches Theme, eine überschaubare Zahl an Plugins und passendes Hosting. Ein Relaunch lohnt sich, wenn das Theme auf jeder Seite einen schweren Page Builder erzwingt, alter Individualcode Updates blockiert oder sich der Katalog ohne Anpassung der Architektur verdoppelt hat. Dann ist ein performanceorientierter Website-Relaunch oft günstiger als ständiges Flicken. Sie schwanken noch bei der Plattform? Unser Vergleich Shopify oder WooCommerce hilft bei der Entscheidung.
Checkliste: WooCommerce-Performance
- Felddaten für Startseite, eine Kategorie und die wichtigsten Produktseiten geprüft.
- TTFB stabil und unter einer Sekunde.
- Seiten-Cache aktiv, Warenkorb, Checkout und Kundenkonto ausgeschlossen.
- Objekt-Cache aktiviert.
- Produkt-Hauptbild in WebP/AVIF, ohne Lazy Loading, mit Abmessungen.
- Ungenutzte Plugins entfernt, Dateien nur dort geladen, wo sie gebraucht werden.
- Cart Fragments auf Seiten mit Mini-Warenkorb beschränkt.
- Drittanbieter-Skripte inventarisiert und verzögert.
- HPOS nach Kompatibilitätsprüfung aktiviert.
- Nach jedem größeren Update erneut gemessen.
Fazit: Performance ist eine Daueraufgabe
WooCommerce schneller zu machen, ist kein einmaliges Projekt. Jedes neue Plugin, jede Kampagne und jedes Banner kann die Core Web Vitals wieder verschlechtern. Schnell bleiben die Shops, die regelmäßig messen und Ursachen beheben statt nur Symptome.
Unser Team übernimmt Performance-Audits, Optimierungen und Relaunches für WooCommerce-, Shopify- und WordPress-Shops – für Kunden in der DACH-Region, in Frankreich und in Tunesien. Entdecken Sie unsere WooCommerce-Entwicklung oder senden Sie uns die Adresse Ihres Shops für eine kostenlose Ersteinschätzung.