Inhaltsverzeichniss
By Marine Larmier - Zuletzt aktualisiert am
Suchst du ein schnelles WooCommerce-Theme für WordPress? Wir haben eine Liste mit 10 schnellen Themes zusammengestellt, die du für dein nächstes E-Commerce-Projekt verwenden kannst! Ein Onlineshop umfasst oft eine große Zahl an Bildern, Texten, Videos, Bewertungen und Zahlungs-Gateways, was sich leider auf seine Performance auswirken kann.
Portent hat Studien zum Einfluss der Website-Geschwindigkeit auf die Konversionsrate durchgeführt: Je länger eine Seite zum Laden braucht, desto niedriger ist die Konversionsrate, wie du im Bild unten siehst:
Zwei zentrale Erkenntnisse aus der Portent-Studie von 2022 zeigen, warum ein schnelles WooCommerce-Theme so wichtig ist:
📉 Die Konversionsraten im E-Commerce sind am höchsten, wenn eine Seite innerhalb von 1 bis 2 Sekunden lädt.
📉 Mit jeder zusätzlichen Sekunde, die deine Website zum Laden braucht, sinkt deine Konversionsrate um durchschnittlich 0,3 %.
In diesem Artikel findest du 10 WooCommerce-Themes, die du für dein nächstes Projekt verwenden kannst. Als Bonus (damit dir dabei keine Verkäufe und Kunden verloren gehen) geben wir dir einige Tipps, wie du deine WooCommerce-Website optimierst und deinen Onlineshop schneller machst als je zuvor.
⚡ Kurz gesagt: Die schnellsten WooCommerce-Themes
Wenn du einen Onlineshop aufbaust, ist die Geschwindigkeit einer der wichtigsten Faktoren, sowohl für die Nutzererfahrung als auch für die Konversionen. In unseren Tests waren Shoptimizer, Neve Pro und Astra die drei schnellsten WooCommerce-Themes: Alle drei erreichten über 85/100 in PageSpeed Insights und hielten die Ladezeiten unter 2,5 Sekunden. Themes wie Storefront und Botiga schnitten ebenfalls gut ab, während schwerere Multipurpose-Themes wie The7 und BeTheme wegen ihrer umfangreichen Anpassungsoptionen weiter hinten landeten.
Das Wichtigste in Kürze
✅ Die schnellsten Themes sind Shoptimizer, Neve Pro und Astra.
✅ Geschwindigkeit zählt: Portent hat festgestellt, dass jede zusätzliche Sekunde die Konversionen senkt.
✅ Führe immer eigene Tests mit GTmetrix oder PageSpeed Insights durch.
✅ Welches Theme du auch wählst, WP Rocket verschafft deinem WooCommerce-Shop einen deutlichen Performance-Schub.
✅ WP Rocket hilft dir, die Core Web Vitals zu optimieren, die Ladezeiten zu senken und deinen PageSpeed-Insights-Score zu verbessern.
✅ In unseren Tests hat WP Rocket BeTheme in PSI von 60/100 auf fast 100/100 gebracht.
10 schnelle Themes für dein nächstes E-Commerce-Projekt (+ Daten)
Wir haben die beliebtesten WordPress-Themes für WooCommerce auf dem Markt ausgewählt und sie anhand ihrer WooCommerce-Funktionen getestet. Um fair zu bleiben, haben wir entweder mit den integrierten WooCommerce-Optionen gearbeitet oder mit den Premium-Versionen, die WooCommerce-Builder und -Erweiterungen enthalten.
Astra zum Beispiel ist standardmäßig ein leichtgewichtiges Theme, deshalb haben wir es mit der Erweiterung WooCommerce Bundle kombiniert, um einen ausgewogenen Vergleich mit funktionsreicheren Themes wie Divi zu ermöglichen.
Das ist unsere Auswahlliste:
- Storefront (entwickelt vom WooCommerce-Team)
- Botiga Pro (konversionsorientierte Funktionen)
- Neve Pro (+ WooCommerce Booster Module)
- Astra (+ das Pro-WooCommerce-Add-on)
- Flatsome (+ der UX Theme Builder)
- Avada (Fusion WooCommerce Builder)
- Divi (Divi WooCommerce Builder)
- BeTheme (BeBuilder)
- Shoptimizer (mit Blick auf Geschwindigkeit und Performance entwickelt)
- The7 (Elementor Page Builder)
Wir haben für jedes Theme gründliche Performance-Tests durchgeführt, die dir eine fundierte Entscheidung erleichtern sollen.
Kommen wir zu den Daten!
1. Storefront
Ein sehr einfaches, kostenloses Theme, das WooCommerce selbst entwickelt hat. Das Theme wird von den Core-Entwicklern von WooCommerce gebaut und gepflegt. Die Anpassungsoptionen sind begrenzt, aber wenn du einen einfachen Onlineshop starten willst, erfüllt es seinen Zweck.
Performance-Ergebnisse für das Storefront-Theme:
- PageSpeed-Mobil-Score: 84/100
- First Contentful Paint: 2,1 s
- Largest Contentful Paint: 1,7 s
- Cumulative Layout Shift: 2,8 s
- Speed Index: 1,3 s
- Time To Interactive: 1,3 s
- Total Blocking Time: 0 ms
- Gesamtladezeit: 2,1 s
- Gesamtgröße der Seite: 990 KB
- HTTP-Anfragen: 18
2. Botiga
Botiga ist ein leichtgewichtiges Freemium-WooCommerce-Theme von aThemes. Alle Demo-Inhalte sind mit dem nativen Block-Editor von WordPress gebaut, was dem Theme ein minimalistisches Erscheinungsbild verleiht. Außerdem bekommst du Zugriff auf viele nützliche E-Commerce-Designfunktionen, etwa mehrere Layouts für Produktgalerien, den Warenkorb und die Checkout-Seite, dazu Off-Canvas-Produktfilter, Produktempfehlungen, eine nutzerfreundliche Produktsuche und mehr.
Performance-Ergebnisse für das Botiga-Theme:
- PageSpeed-Mobil-Score: 84/100
- First Contentful Paint: 2,3 s
- Largest Contentful Paint: 1,7 s
- Cumulative Layout Shift: 2,2 s
- Speed Index: 1,0 s
- Time To Interactive: 1,1 s
- Total Blocking Time: 0 ms
- Gesamtladezeit: 2,6 s
- Gesamtgröße der Seite: 780 KB
- HTTP-Anfragen: 17
3. Neve Pro
Neve Pro ist ein leichtgewichtiges und zugleich leistungsstarkes WooCommerce-Theme, das Geschwindigkeit mit tiefgehenden Anpassungsmöglichkeiten verbindet. Es bietet eine große Bandbreite an Funktionen speziell für den E-Commerce, darunter mehrere Shop-Layouts, Sticky Add to Cart, Off-Canvas-Sidebars, eigene Checkout-Vorlagen und Bildeffekte für Produktkarten. Deinen Shop kannst du zusätzlich mit Produkt-Wunschlisten, Quick View, Vergleichstabellen, erweiterten Bewertungen, Varianten-Swatches und eigenen Danke-Seiten aufwerten.
Performance-Ergebnisse für das Neve-Theme:
- PageSpeed-Mobil-Score: 85/100
- First Contentful Paint: 1,3 s
- Largest Contentful Paint: 1,5 s
- Cumulative Layout Shift: 1 s
- Speed Index: 1,1 s
- Time To Interactive: 1,2 s
- Total Blocking Time: 0 ms
- Gesamtladezeit: 2,4 s
- Gesamtgröße der Seite: 678 KB
- HTTP-Anfragen: 18
4. Astra
Astra ist wegen seines leichtgewichtigen Codes, seiner nutzerfreundlichen Oberfläche und Tausender Starter-Vorlagen für deinen nächsten Shop eines der besten WooCommerce-Themes für WordPress. Mit den Premium-Add-ons für WooCommerce kannst du eine eigene Bezahlseite erstellen, eine erweiterte Produktgalerie, Filter und endloses Scrollen hinzufügen und so eine Website ähnlich wie Pinterest bauen.
Performance-Ergebnisse für das Astra-Theme (mit den WooCommerce-Add-ons):
- PageSpeed-Mobil-Score: 85/100
- First Contentful Paint: 2,3 s
- Largest Contentful Paint: 1,5 s
- Cumulative Layout Shift: 2,1 s
- Speed Index: 1,1 s
- Time To Interactive: 1,3 s
- Total Blocking Time: 0 ms
- Gesamtladezeit: 2,3 s
- Gesamtgröße der Seite: 940 KB
- HTTP-Anfragen: 17
5. Flatsome
Das meistverkaufte WooCommerce-Theme auf Themeforest ist ein Multipurpose-Theme und responsiv für WooCommerce. Es bringt den UX Builder mit und bietet mehrere interessante Optionen für deinen Onlineshop, darunter Live-Suche, „Zur Wunschliste hinzufügen“, Optionen für Sale-Bubbles, die Möglichkeit, die Anzahl der Produkte pro Reihe zu ändern, und Katalogmodus-Optionen für alle, die lieber keine Preise anzeigen.
Performance-Ergebnisse für das Flatsome-Theme:
- PageSpeed-Mobil-Score: 83/100
- First Contentful Paint: 2,1 s
- Largest Contentful Paint: 1,8 s
- Cumulative Layout Shift: 1,6 s
- Speed Index: 1,3 s
- Time To Interactive: 2,4 s
- Total Blocking Time: 0 ms
- Gesamtladezeit: 2,4 s
- Gesamtgröße der Seite: 983 KB
- HTTP-Anfragen: 17
6. Avada (+ Fusion Woo Builder)
Es ist seit Jahren das meistverkaufte Theme auf Envato, mit vielen Tausend leicht anpassbaren Vorlagen in der Bibliothek. Avada bringt den Fusion Builder mit, mit dem du deine Website vom Header bis zum Footer gestalten kannst. Außerdem bietet es leistungsstarke WooCommerce-Widgets, mit denen Nutzer individuelle Onlineshops erstellen können. Mit dem Builder kannst du auch eigene Produkt- und Shop-Seiten bauen.
Performance-Ergebnisse für das Avada-Theme:
- PageSpeed-Mobil-Score: 79/100
- First Contentful Paint: 2,7 s
- Largest Contentful Paint: 1,8 s
- Cumulative Layout Shift: 1,3 s
- Speed Index: 1,3 s
- Time To Interactive: 2,6 s
- Total Blocking Time: 0 ms
- Gesamtladezeit: 2,9 s
- Gesamtgröße der Seite: 898 KB
- HTTP-Anfragen: 21
7. Divi (+ Divi WooCommerce Builder)
Divi ist dank seines visuellen WooCommerce-Builders ein leistungsstarkes WooCommerce-Theme. Elegant Themes gehörte zu den ersten Unternehmen, die WYSIWYG zu WordPress gebracht haben. Das Versprechen: Mit dem Divi-Framework baust du alles visuell, ohne eine einzige Zeile Code anzufassen. Mit dem WooCommerce-Builder und den Modulen erstellst du schnell eigene Produkt- und Shop-Seiten.
Performance-Ergebnisse für das Divi-Theme:
- PageSpeed-Mobil-Score: 78/100
- First Contentful Paint: 3,1 s
- Largest Contentful Paint: 1,9 s
- Cumulative Layout Shift: 2,4 s
- Speed Index: 2,1 s
- Time To Interactive: 1,4 s
- Total Blocking Time: 0,2 ms
- Gesamtladezeit: 3,2 s
- Gesamtgröße der Seite: 1,3 MB
- HTTP-Anfragen: 25
8. BeTheme (+ BeBuilder)
BeTheme ist ein Multipurpose-Website-Builder und meistverkauftes WordPress-Theme mit über 650 vorgefertigten Websites (in modernem Design). Der BeBuilder ist ebenfalls mit WooCommerce kompatibel, und der Anbieter hat sogar einen Query Builder veröffentlicht, mit dem sich Loops und dynamische Websites bauen lassen. Das Versprechen: Du kannst die WooCommerce-Website bauen, die du willst, und vielseitige Shop- und Einzelprodukt-Layouts gestalten, die konvertieren. Du kannst entweder eine fertige Vorlage verwenden oder deine eigene erstellen.
Performance-Ergebnisse für BeTheme:
- PageSpeed-Mobil-Score: 60/100
- First Contentful Paint (FCP): 4,7 s
- Largest Contentful Paint (LCP): 12,8 s
- Cumulative Layout Shift (CLS): 0,003 s
- Speed Index: 6,7 s
- Gesamtladezeit: 4,3 s
- Gesamtgröße der Seite: 1,7 MB
- HTTP-Anfragen: 28
9. Shoptimizer
Wenn du vor allem einen WooCommerce-Shop betreiben willst, der blitzschnell und zugleich auf Konversionen ausgelegt ist, ist Shoptimizer eine herausragende Wahl. Geschwindigkeit und Performance stehen bei diesem Theme im Mittelpunkt, und es erzielt in Tools wie Google Lighthouse und GTmetrix konstant Spitzenwerte. Über die reine Geschwindigkeit hinaus steckt Shoptimizer voller konversionsorientierter Funktionen wie einem ablenkungsfreien Checkout, Sticky-Produktdetails, Trust-Badges und Verkaufs-Countdowns (FOMO).
Performance-Ergebnisse für Shoptimizer:
- PageSpeed-Mobil-Score: 88/100
- First Contentful Paint: 1,1 s
- Largest Contentful Paint: 1,2 s
- Cumulative Layout Shift: 0,2 s
- Speed Index: 1,0 s
- Time To Interactive: 1,7 s
- Total Blocking Time: 0,5 ms
- Gesamtladezeit: 2,1 s
- Gesamtgröße der Seite: 879 KB
- HTTP-Anfragen: 17
10. The7
Es ist das meistverkaufte Elementor-Theme und bietet umfangreiche Anpassungsoptionen für WooCommerce. The7 hat über 60 vorgefertigte Demo-Websites mit exklusiven Vorlagen, die den Start eines Onlineshops erleichtern. Mit dem erweiterten WooCommerce Theme Builder kannst du ansprechende Vorlagen für die Shop-Startseite, Produktseiten und -listen, Checkout, Warenkorb und mehr bauen. Das Highlight: Du kannst jede WooCommerce-Seite leicht anpassen und erweiterte Filter hinzufügen, um die Nutzererfahrung zu verbessern.
Performance-Ergebnisse für das The7-Theme:
- PageSpeed-Mobil-Score: 71/100
- First Contentful Paint: 4,6 s
- Largest Contentful Paint: 3,3 s
- Cumulative Layout Shift: 2,7 s
- Speed Index: 1,2 s
- Time To Interactive: 1,4 s
- Total Blocking Time: 0 ms
- Gesamtladezeit: 4,2 s
- Gesamtgröße der Seite: 1,7 MB
- HTTP-Anfragen: 28
Tabelle der Performance-Ergebnisse
Unten haben wir die Performance-Ergebnisse für jedes WooCommerce-Theme zusammengefasst. Für die Rangfolge haben wir den globalen „PageSpeed-Mobil-Score“ von Lighthouse verwendet. Das sind die KPIs, auf die wir uns konzentrieren:
- Der PageSpeed-Mobil-Score gibt einen Überblick über die mobile Performance.
- Die Gesamtladezeit zeigt, wie schnell die Seite vollständig nutzbar wird.
- Largest Contentful Paint (LCP) misst, wann der Hauptinhalt lädt, entscheidend für die Nutzererfahrung.
- First Contentful Paint (FCP) zeigt das erste sichtbare Element und prägt den ersten Eindruck der Nutzer.
👉 Wir haben diese KPIs gewählt, weil sie widerspiegeln, wie Nutzer die Website erleben, zum Beispiel wie schnell das größte Inhaltselement erscheint, und außerdem die tatsächliche Ladegeschwindigkeit der Seite.
| Theme | PageSpeed-Mobil-Score | Gesamtladezeit | LCP | FCP |
|---|---|---|---|---|
| Shoptimizer | 88/100 | 2,1 s | 1,2 s | 1,1 s |
| Neve Pro | 85/100 | 2,4 s | 1,5 s | 1,3 s |
| Astra | 85/100 | 2,3 s | 1,5 s | 2,3 s |
| Storefront | 84/100 | 2,1 s | 1,7 s | 2,1 s |
| Botiga | 84/100 | 2,6 s | 1,7 s | 2,3 s |
| Flatsome | 83/100 | 2,4 s | 1,8 s | 2,1 s |
| Avada | 79/100 | 2,9 s | 1,8 s | 2,7 s |
| Divi | 78/100 | 3,2 s | 1,9 s | 3,1 s |
| The7 | 71/100 | 4,2 s | 3,3 s | 4,6 s |
| BeTheme | 60/100 | 4,3 s | 12,8 s | 4,7 s |
🚀 Die wichtigsten Erkenntnisse zur WooCommerce-Performance
- Shoptimizer liegt vorn, mit dem höchsten PageSpeed-Score (88/100) und einer sehr starken Ladezeit von 2,1 s, und beweist damit, dass sein konversionsorientiertes Design nicht auf Kosten der Geschwindigkeit geht.
- Neve Pro und Astra teilen sich mit 85/100 den zweiten Platz, beide bleiben unter 2,5 s Ladezeit und sind damit zuverlässige leichtgewichtige Optionen.
- Storefront und Botiga folgen dicht dahinter mit solider Performance, wobei Botiga mit 2,6 s Ladezeit etwas langsamer ist.
- Flatsome (83/100) ist konkurrenzfähig, aber etwas schwerer als Astra und Neve und landet damit im Mittelfeld.
- The7 und BeTheme bilden das Schlusslicht, mit niedrigeren Scores (71/100 und 60/100) und langsameren Ladezeiten (bis zu 4,3 Sekunden), was angesichts ihrer umfangreichen Anpassungs- und aufwendigen Designoptionen zu erwarten ist. (Wie du sie optimierst, zeigen wir im nächsten Abschnitt.)
- Wichtig: Keines der Themes fällt in den roten Bereich; bei der mobilen Performance reichen sie von akzeptabel bis hervorragend.
Wie wir die Themes getestet haben
Die Auswahl basierte auf Beliebtheit, hohen Download- oder Verkaufszahlen, Vorlagenbibliotheken und guten Bewertungen. Die Performance-Tests haben wir mit den folgenden Performance-Tools durchgeführt:
Beide Tools basieren auf Lighthouse. Sie analysieren die Performance und die Nutzererfahrung deiner Website. Das sind die 10 KPIs, die wir in unseren Tests verwendet haben, gemessen auf Mobilgeräten:
Aus PageSpeed Insights:
- PageSpeed-Mobil-Score
- First Contentful Paint
- Largest Contentful Paint
- Cumulative Layout Shift
- Speed Index
- Time To Interactive
- Total Blocking Time
Aus GTmetrix:
- Gesamtladezeit
- HTTP-Anfragen
- Gesamtgröße der Seite
Anschließend haben wir 10 Themes ausgewählt, die WooCommerce-freundlich sind, weil sie Add-ons oder spezielle Anpassungen für Onlineshops mitbringen, etwa die Anpassung von Produktseiten oder des Checkout-Prozesses, erweiterte Galerien und persönliche Kontoseiten.
Die Test-Website
Wir haben für jedes Theme eine realistische WooCommerce-Website gebaut. In allen Fällen enthält die Startseite ein Hero-Banner mit Button, einen Call-to-Action, vier Icons mit Text, drei Kundenbewertungen, eine Werbeanzeige und zwölf Produkte.
Wir haben für jedes Theme eine neue Installation vorgenommen und für die Geschwindigkeitstests denselben Server verwendet.
⚠️ Hinweis: Diese Performance-Tests wurden auf einem Server in Paris durchgeführt, und wir haben jede E-Commerce-Seite selbst gebaut. Die präsentierten Ergebnisse beruhen auf unserer eigenen Erfahrung und können je nach deinem Projekt abweichen.
Welches ist das beste WooCommerce-Theme für dich?
Ein bestimmtes Theme können wir dir nicht empfehlen, weil das stark von deinen Design- und technischen Anforderungen abhängt, aber hier sind ein paar Ratschläge:
- Wenn du einen einfachen Onlineshop brauchst, mit dem standardmäßigen Look and Feel von WooCommerce, ohne aufwendiges Design oder erweiterte Optionen, dann nimm das WooCommerce-Theme Storefront.
- Wenn du Freelancer bist und ein Theme mit zahlreichen Demos suchst, die du deinen Kunden für verschiedene Branchen zeigen kannst, dann dürften Divi, BeTheme und The7 deine besten Optionen sein.
- Wenn du ein leichtgewichtiges WooCommerce-Theme suchst, das sich nahtlos in den Website-Editor, Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin und den Divi Builder integriert, dann ist Neve dein bester Verbündeter.
- Wenn du ein minimalistisches WooCommerce-Theme suchst, mit erweiterten Funktionen und Priorität auf einem leichten, klaren Design, dann ist Botiga die richtige Wahl.
- Wenn du den WPBakery Page Builder verwenden willst, ist das The7-Theme die ideale Wahl.
- Wenn du Tausende Produkte hochladen willst, dürfte ein leichtgewichtiges Theme wie Astra oder Shoptimizer die klügere Wahl sein. Beide bringen erweiterte WooCommerce-Funktionen mit, sodass du deinen eigenen Shop in wenigen Minuten erstellen kannst.
- Wenn du eigene Einzelprodukt-Layouts und Shop-Seiten erstellen und dynamische Daten zu deiner Website hinzufügen musst, dann ziehe ein Theme in Betracht, das gut mit anderen WooCommerce-Buildern zusammenarbeitet, etwa Divi, Avada, The7 oder BeTheme.
- Wenn du ein Theme von Themeforest suchst, sieh dir Avada an, seit Jahren das Nummer-1-Theme auf Themeforest.
- Wenn du zwischen zwei Themes schwankst, sieh dir ihre Demos an und denk daran, sie auf mehreren Geräten zu betrachten.
Unsere letzte Empfehlung: Wähle ein Theme, das durch aktuelle Updates sicher bleibt, schnellen Support bietet, eine genaue Dokumentation liefert und ausführliche Tutorials enthält. Du kannst dir auch einige beliebte YouTuber ansehen, die diese Themes testen und ihren Bildschirm aufzeichnen, während sie einen Onlineshop von Grund auf aufbauen.
Hol dir einen zusätzlichen Performance-Schub mit WP Rocket
WP Rocket ist das einfachste und leistungsstärkste Performance-Plugin, um jedes WooCommerce-Theme zu optimieren, auch die aus unserer Liste. Bei der Aktivierung wendet es 80 % der Performance-Best-Practices an; mehr dazu erfährst du im nächsten Abschnitt.
Die Wirkung von WP Rocket auf die Geschwindigkeit haben wir mit BeTheme getestet, einem funktionsreichen und stark anpassbaren WordPress-Theme. Weil BeTheme so viele Optionen bietet, kann es schwerer zu laden sein, was es zum idealen Kandidaten macht, um zu zeigen, wie WP Rocket die Performance optimieren und spürbar kürzere Ladezeiten liefern kann.
Sehen wir uns zuerst das Performance-Ergebnis von PageSpeed Insights auf Mobilgeräten ohne WP Rocket an:
Unten siehst du die Performance-Probleme, die Lighthouse gemeldet hat, aufgeführt unter den Tabs „Statistiken“ und „Diagnose“:
Lighthouse schlägt mehrere Performance-Optimierungen vor, etwa Caching zu nutzen, nicht verwendetes CSS zu reduzieren, JS und CSS zu minifizieren, nicht verwendetes JS zu minimieren, effizientes Caching einzusetzen, die Bildübermittlung zu optimieren, die Schriftartanzeige zu verbessern und Anfragen zu beheben, die das Rendering blockieren.
Um die Warnungen von PageSpeed Insights zu beheben und die Performance zu steigern, haben wir einfach WP Rocket verwendet!
Zuerst wurden einige zentrale Optimierungsfunktionen bei der Aktivierung automatisch angewendet. Das sind nur einige der standardmäßig aktivierten Optimierungen:
- Seiten- und Browser-Caching
- Vorladen des Caches
- GZIP-Komprimierung
- Optimierung kritischer Bilder
- Automatisches Lazy Rendering
- Minifizierung von CSS und JavaScript
Anschließend haben wir einige zusätzliche Funktionen mit einem Klick aktiviert, um bestimmte Probleme zu beheben:
- „Nicht benutztes CSS entfernen“
- „LazyLoad“ für Bilder, iframes und Videos
- „JavaScript verzögert laden“
- „JavaScript-Ausführung verzögern“
Wie du siehst, ist die Oberfläche von WP Rocket unkompliziert, und du kannst Performance-Optimierungsfunktionen mit einem einfachen Klick aktivieren oder deaktivieren:
🚀 WP Rocket hat unsere Performance-Probleme behoben, die jetzt im Abschnitt „Bestandene Prüfungen“ stehen:
Und das ist noch nicht alles: Alle unsere Performance-KPIs haben sich dank WP Rocket verbessert, darunter der Mobil-Score in PageSpeed Insights, der jetzt bei 98/100 liegt.
Die wichtigsten Performance-Erkenntnisse nach der Installation von WP Rocket
🚀 Alle Core Web Vitals im grünen Bereich
WP Rocket hat den Largest Contentful Paint (LCP) optimiert und Layoutverschiebungen beseitigt, sodass alle Core Web Vitals im grünen Bereich liegen.
🚀 Massive Verbesserung der Ladezeit
Die Gesamtladezeit sank von 4,3 s → 1,5 s, was Besuchern ein deutlich schnelleres Surferlebnis verschafft. Die Seitengröße wurde dank der Optimierungen von WP Rocket um mehr als die Hälfte reduziert (1,7 MB → 780 KB).
🚀 Intelligentes Lazy Loading
Bilder above the fold blieben sofort sichtbar, während die übrigen Produktbilder für maximale Performance per Lazy Loading nachgeladen wurden.
🚀 Weniger HTTP-Anfragen
Die Zahl der Anfragen ist drastisch gesunken (28 → 7), was den Server entlastet und die Geschwindigkeit verbessert.
Alle Zusammenfassungen findest du in der Tabelle unten:
| Performance-KPIs | BeTheme-Score (ohne WP Rocket) | BeTheme (mit WP Rocket) 🚀 |
|---|---|---|
| PageSpeed-Mobil-Score | 60/100 | 99/100 |
| First Contentful Paint | 4,7 s | 0,3 s |
| Largest Contentful Paint* | 12,8 s | 1,1 s |
| Cumulative Layout Shift* | 0,003 s | 0 s |
| Speed Index | 6,7 | 0,5 s |
| Gesamtladezeit | 4,3 s | 1,5 s |
| Gesamtgröße der Seite | 1,7 MB | 780 KB |
| HTTP-Anfragen | 28 | 7 |
📖 Hier findest du weitere Tipps zum Testen und Verbessern des Lighthouse-Performance-Scores in WordPress.
FAQ
Welche sind die besten WooCommerce-Themes?
Die besten WooCommerce-Themes in unserem Geschwindigkeitstest waren Shoptimizer (88/100 im PageSpeed-Mobil-Score, 2,1 s Gesamtladezeit), Neve Pro (85/100, 2,4 s) und Astra (85/100, 2,3 s). Welches davon das richtige für dich ist, hängt von deinem Shop ab: Storefront reicht für einen einfachen Onlineshop, Botiga passt zu einem minimalistischen Design, und funktionsreiche Themes wie Divi, Avada, BeTheme oder The7 eignen sich, wenn du eigene Produkt- und Shop-Seiten mit einem Builder gestalten willst. Keines der zehn getesteten Themes fällt bei der mobilen Performance in den roten Bereich.
Welches WooCommerce-Theme für Elementor passt zu meinem Shop?
The7 ist das meistverkaufte Elementor-Theme und bringt mit seinem WooCommerce Theme Builder umfangreiche Anpassungsoptionen für Shop-Startseite, Produktseiten, Checkout und Warenkorb mit. Wenn dir Geschwindigkeit wichtiger ist, ist Neve Pro ein leichtgewichtiges WooCommerce-Theme für Elementor, das sich nahtlos in den Page Builder integriert und im Test 85/100 bei 2,4 s Gesamtladezeit erreichte, während The7 mit 71/100 und 4,2 s am unteren Ende lag. Ein schwereres Theme lässt sich anschließend mit WP Rocket beschleunigen; in unserem Test stieg BeTheme damit von 60/100 auf 99/100.
Ist das WooCommerce-Theme Storefront schnell genug?
Ja, Storefront erreichte in unserem Test 84/100 im PageSpeed-Mobil-Score bei 2,1 s Gesamtladezeit und liegt damit nur knapp hinter den drei schnellsten Themes. Das kostenlose Theme wird von den Core-Entwicklern von WooCommerce selbst gebaut und gepflegt, hat aber begrenzte Anpassungsoptionen. Es passt, wenn du einen einfachen Onlineshop mit dem standardmäßigen Look and Feel von WooCommerce ohne aufwendiges Design starten willst.
Wie viel kostet ein WooCommerce-Shop?
Das Theme ist nur ein Teil der Kosten eines WooCommerce-Shops, und die Spanne reicht von kostenlos bis zur Premium-Version: Storefront ist kostenlos, Botiga ist ein Freemium-Theme, und die übrigen Themes unseres Tests haben wir in den Premium-Versionen mit WooCommerce-Buildern und -Erweiterungen getestet. Astra zum Beispiel ist standardmäßig ein leichtgewichtiges Theme und bekommt seine erweiterten Shop-Funktionen erst durch die Premium-Add-ons für WooCommerce. Flatsome und Avada sind die meistverkauften Themes auf Themeforest beziehungsweise Envato.
Wie passe ich die WooCommerce-Shop-Seite an?
Am einfachsten passt du die Shop-Seite mit einem Theme an, das einen eigenen WooCommerce-Builder mitbringt, etwa Divi, Avada (Fusion Builder), BeTheme (BeBuilder) oder The7 (WooCommerce Theme Builder): Damit gestaltest du Shop-Startseite, Produktseiten, Checkout und Warenkorb visuell. Leichtgewichtige Themes wie Astra, Neve Pro oder Botiga bieten mehrere Shop-Layouts, Produktgalerien und Checkout-Vorlagen über ihre Optionen und Add-ons. Bedenke, dass umfangreiche Anpassungs- und Designoptionen ein Theme schwerer machen: The7 und BeTheme lagen im Test deshalb hinten; BeTheme ließ sich mit WP Rocket aber von 60/100 auf 99/100 beschleunigen.
Fazit
Jetzt solltest du das richtige WooCommerce-Theme für dein nächstes Projekt auswählen können! Grundsätzlich solltest du eigene Performance-Tests durchführen, um zu sehen, wie sich ein Theme in deinem konkreten Setup verhält. Frag immer beim Theme-Autor nach, ob du es vorher ausprobieren kannst. So stellst du sicher, dass das Theme deinen Anforderungen entspricht, bevor du dich endgültig festlegst.
Unabhängig davon, welches Theme du wählst, ist WP Rocket der einfachste Weg, die Geschwindigkeit deiner WordPress-Website zu erhöhen, die Core Web Vitals zu optimieren und die Performance-Prüfungen in PageSpeed Insights anzugehen. Erinnerst du dich? Mit WP Rocket haben wir einen Score von 98/100 erreicht und alle kritischsten Performance-Probleme behoben. Und mit der 14-tägigen Geld-zurück-Garantie gehst du kein Risiko ein.
