Die 10 schnellsten WooCommerce-Themes im Jahr 2022 (basierend auf unseren eingehenden Tests)

Ein Geschäft, das 30.000 US-Dollar im Monat erwirtschaftet, könnte aufgrund einer Verzögerung von nur einer Sekunde 25.000 US-Dollar an Einnahmen pro Jahr verlieren. Für ein Geschäft, das langsamer ist, wäre der Verlust sogar noch größer.

Eine der Schlüsselkomponenten eines schnellen WooCommerce-Shops ist sein Thema. Die Wahl des falschen Themas kann Ihren Shop verlangsamen und Ihrem Geschäft schaden, indem es die Conversions verringert, die Benutzererfahrung negativ beeinflusst und das Suchmaschinenranking beeinträchtigt.

Um Ihnen dabei zu helfen, sicherzustellen, dass Ihr Design Ihre Website nicht daran hindert, so schnell wie möglich zu laden, haben wir die Leistung von 10 der schnellsten WooCommerce-Designs verglichen, die 2022 verfügbar sind.

Einige von ihnen wurden explizit für WooCommerce-Shops entwickelt, während andere Allzweckoptionen sind, die über gute E-Commerce-Vorlagen und -Funktionen verfügen. Die meisten dieser Themen behaupten, die schnellsten verfügbaren zu sein, während andere aufgenommen wurden, da sie sehr beliebte Optionen sind.

Zusammenfassung der Ergebnisse

Sie können die vollständigen Ergebnisse der Tests einsehen und später in diesem Artikel genau herausfinden, wie die Tests durchgeführt wurden; Hier ist jedoch eine kurze Zusammenfassung, die erklärt, welche Themen am schnellsten waren.

Für die Tests haben wir Google PageSpeed ​​Insights (PSI) und Pingdom verwendet. Vor dem Ausführen der Tests und nachdem jedes Thema aktiviert wurde, wurde die Website aktualisiert, um den internen Cache jedes Themas vorzubereiten. Sowohl PSI als auch Pingdom geben eine Gesamtleistungsnote von 100 Punkten sowie detailliertere Informationen über die Leistung einer Website an.

PSI misst auch, wie die Themen auf Desktop- und Mobilgeräten abschneiden. Bei Pingdom wurde nur die Desktop-Erfahrung bewertet. Getestet wurden die Einzelproduktseite und die Shop-Homepage auf jeder Seite.

Basierend auf der durchschnittlichen PSI-Leistungsnote der beiden Seiten (Einzelprodukt und Shop-Startseite) waren die leistungsstärksten Themen laut PSI:

• Beste mobile PSI-Leistungsnote: Shoptimizer (Durchschnittsnote 93,5).
• Beste Desktop-PSI-Leistungsnote: Botiga (Durchschnittsnote 92,5).
• Beste PSI-Gesamtnote für Desktop- und Mobilleistung: Shoptimizer (Durchschnittsnote 86,25).

Wie Sie in diesem Artikel sehen werden, beinhalten die Testergebnisse mehr als nur die Leistungsnoten; Sie geben jedoch einen guten Überblick darüber, wie schnell ein Thema ist.

Erste Eingangsverzögerung und Gesamtsperrzeit

Eine nützliche Metrik, die man sich in den Ergebnissen ansehen sollte, ist die Total Blocking Time (TBT). TBT gibt einen guten Hinweis darauf, wie lange es dauert, bis eine Seite interaktiv wird, z. B. können Aktionen ausgeführt werden, wenn ein Benutzer auf eine Schaltfläche oder ein anderes interaktives Seitenelement klickt. Dies spielt eine Rolle bei der First Input Delay (FID) und wie schnell Benutzer eine Seite wahrnehmen.

FID misst die Zeit von der ersten Interaktion eines Benutzers mit einer Seite bis zu dem Zeitpunkt, an dem der Browser tatsächlich mit der Verarbeitung der Antwort auf diese Interaktion beginnen kann. Obwohl FID in Labortests nicht gemessen werden kann, korreliert die Blockierungszeit einer Seite, die vom PSI gemessen wird, gut mit FID.

Wenn die Blockierungszeit einer Aufgabe länger als 50 ms ist, ist es laut Google „wahrscheinlich, dass der Benutzer die Verzögerung bemerkt und die Seite als träge oder ruckelig empfindet.“ Die TBT einer Seite ist die Summe der Blockierzeit für jede lange Aufgabe, die zwischen First Content Pain (FCP) und Time to Interactive (TTI) auftritt.

Alles, was Sie tun können, um TBT zu verbessern, sollte auch FID verbessern, was wiederum erhöht, wie schnell Benutzer eine Seite erleben.

Fast alle getesteten Themen hatten gute TBT-Ergebnisse für den Desktop, aber nur GeneratePress, OceanWP und Storefront schnitten in den mobilen TBT-Tests wirklich gut ab.

Betrachtet man alle Ergebnisse und nicht nur TBT, war Shoptimizer insgesamt am besten, obwohl seine durchschnittliche PSI-Leistungsnote für Mobilgeräte (79) etwas niedriger war als bei einigen anderen Themen. Aus diesem Grund interessiert Sie möglicherweise mehr das GeneratePress-Theme, da es sowohl auf Mobilgeräten als auch auf Desktops (82,5 bzw.

Da die weltweiten E-Commerce-Umsätze im mobilen Einzelhandel weiter wachsen und laut Statista von 2,9 Milliarden US-Dollar im Jahr 2020 auf 3,5 Milliarden US-Dollar im Jahr 2021 steigen, ist es wichtig, dass Sie ein Thema wählen, das sowohl für Desktop- als auch für mobile Benutzer schnell ist. Basierend darauf ist GeneratePress laut den PSI-Tests die beste Option out of the box.

Pingdom, das die Seitengröße, Ladezeit und die Anzahl der Anfragen gemessen und gleichzeitig eine Leistungsnote vergeben hat, stellte fest, dass Astra die schnellsten Einzelprodukt- und Shopseiten hat, obwohl Botiga und GeneratePress etwas höhere durchschnittliche Leistungsnoten hatten.

Welches ist das schnellste WooCommerce-Thema im Jahr 2022?

Da die Themen anhand einer Reihe von Kriterien von Pingdom und PSI getestet wurden, ist es nicht einfach, einen klaren Gewinner zu ermitteln, welches das schnellste WooCommerce-Thema im Jahr 2022 ist.

Die Themes, die in allen Tests am besten abgeschnitten haben, waren jedoch Boitga, GeneratePress und Shoptimizer.

Sie können die vollständigen Details der Testergebnisse unten anzeigen, um Ihnen zu helfen, das schnellste Design für Ihr Geschäft zu finden.

Die schnellsten WooCommerce-Themen

Hier sind die Details der schnellsten Themen für WooCommerce, aufgelistet in alphabetischer Reihenfolge.

Astra

Astra ist in kostenlosen und kostenpflichtigen Versionen verfügbar und ist ein vollständig anpassbares WordPress-Theme.

Beim Einrichten Ihres Shops stehen viele gut gestaltete Vorlagen zur Auswahl. Die Möglichkeit, die Astra-Vorlagen mit Beaver Builder, Brizy, Elementor und dem WordPress Block Editor zu bearbeiten, gibt Ihnen viel kreative Freiheit.

Sowohl die kostenlose als auch die kostenpflichtige Version von Astra verfügen über nützliche WooCommerce-freundliche Funktionen zur Verbesserung Ihres Shops, obwohl Sie mit der kostenpflichtigen Version viel mehr erhalten.

Hauptmerkmale

• Das gesamte Thema kann bearbeitet werden, einschließlich der Kopf- und Fußzeile.
• Viele vollständig bearbeitbare E-Commerce-Vorlagen.
• Möglichkeit, separate Nur-Mobile-Header für verbesserte UX zu erstellen.

Astra-Testergebnisse

Astra hat einige der höchsten Leistungsstufen von Pingdom. PSI gab Astra eine sehr positive Bewertung für Desktop-Benutzer, aber unterdurchschnittlich für die mobile Leistung. Insgesamt ist es ein schnelles WooCommerce-Theme, aber es gibt schnellere Optionen in dieser Sammlung.

Botiga

Botiga ist ein weiterer WooCommerce, der in kostenlosen und kostenpflichtigen Versionen verfügbar ist.

Unter den WooCommerce-Funktionen finden Sie mehrere Produktauflistungsstile, eine Auswahl an Produktgalerie-Designs und zwei verschiedene Warenkorb-Layouts. Sie können auch Produktfilter und Empfehlungen verwenden, um Ihr Inventar zu bewerben. Zu den Premium-Funktionen gehören Wunschlisten, eine klebrige Schaltfläche zum Hinzufügen zum Warenkorb und zusätzliche Kopf- und Fußzeilenlayouts.

Hauptmerkmale

• Zwei E-Commerce-Shop-Demos.
• Hochgradig anpassbares, sauberes und minimalistisches Design.
• Satz von für Mobilgeräte optimierten Headern.

Botiga-Testergebnisse

Botiga war eines der schnellsten Themen, die für diesen Artikel getestet wurden. Die Desktop-PSI-Werte waren sehr gut, obwohl es einige andere Themen mit höheren mobilen PSI-Werten gab.

Divi

Divi ist das Flaggschiff-WordPress-Theme von Elegant Themes. Es enthält eine Vielzahl attraktiver Website-Pakete und individueller Vorlagen, einschließlich vieler E-Commerce-Optionen.

Divi wird auch mit einem eigenen leistungsstarken Seitenerstellungstool geliefert, das in das Thema integriert ist. Der Divi Builder gibt Ihnen die volle Kontrolle über das Design Ihrer Website und ist ein starker Rivale der besten WordPress-Plugins dieser Art.

Da Divi über eine benutzerfreundliche A/B-Testfunktion verfügt, können Sie Experimente durchführen, um Ihren Shop für höhere Konversionsraten zu optimieren.

Hauptmerkmale

• Große Bibliothek mit vollständig editierbaren Online-Shop-Demos.
• Integrierter Seitenersteller mit vollständiger Seitenbearbeitung.
• Anpassbare Inhaltsmodule.

Divi-Testergebnisse

Divi hat einige der größten Seitengrößen, nach OceanWP an zweiter Stelle, und dies schien sich negativ auf einige seiner Ergebnisse auszuwirken. Während PSI die Desktop-Performance als gut empfand, gehörte die mobile Performance zu den schlechtesten.

Presse erzeugen

GeneratePress ist in kostenlosen und kostenpflichtigen Versionen erhältlich und behauptet, das schnellste verfügbare WordPress-Theme zu sein. Wenn Sie für die Premium-Version bezahlen, erhalten Sie Zugriff auf weitere Vorlagen und Zugang zu Premium-Supportkanälen.

Um Ihnen beim Start Ihres Shops zu helfen, enthält GeneratePress eine Reihe von E-Commerce-Vorlagen. Da dieses Thema über einen eigenen Editor verfügt, können Sie alle Aspekte Ihrer Website über eine visuelle Oberfläche anpassen.

Hauptmerkmale

• Demos für mehrere E-Commerce-Shop-Websites.
• Blockbasiertes Theme-Builder-Tool.
• Header-Optionen nur für Mobilgeräte.

GeneratePress-Testergebnisse

GeneratePress war das leistungsstärkste WooCommerce-Theme, das insgesamt getestet wurde, dank seiner hohen Punktzahl in den PSI-Leistungsklassen für Mobilgeräte und Desktops. Es hat auch in den Pingdom-Tests gut abgeschnitten.

Kadenz

Kadence ist ein weiteres kostenloses Thema, das durch die Installation von Premium-Add-Ons verbessert werden kann.

Kadence wird auch mit einer großen Bibliothek kostenloser und kostenpflichtiger Website-Demos geliefert, darunter eine Reihe von E-Commerce-Designs. WooCommerce-Benutzer können das Kadence-Shop-Kit erwerben, um ihrem Shop weitere E-Commerce-Funktionen hinzuzufügen, darunter Produktbild-Zoom, Einkaufswagenbenachrichtigungen, erweiterte Bewertungen und mehr.

Hauptmerkmale

• Auswahl an vollständig bearbeitbaren Kopf- und Fußzeilenvorlagen.
• Globale Einstellungen erleichtern die Anpassung Ihres Shops und sorgen für ein durchgehend einheitliches Erscheinungsbild.
• Kompatibel mit Beaver Builder und Elementor.

Ergebnisse des Trittfrequenztests

Kadence hat in den Pingdom-Tests gut abgeschnitten, mit einer sehr guten Leistungsnote für die Shop-Homepage. Die mobilen Performance-Scores in PSI waren jedoch nicht so gut wie bei einigen Mitbewerbern.

Nie

Neve ist in einigen verschiedenen Varianten erhältlich, einschließlich des Premium-Business-Pakets, das viele zusätzliche WooCommerce-Funktionen enthält.

Es gibt auch eine eingeschränkte kostenlose Version, sodass Sie sie vor dem Kauf ausprobieren können. Wenn Sie jedoch für die Business- oder Agenturlizenz zusätzlich bezahlen, erhalten Sie Zugriff auf mehr Shop-Layouts, eine Wunschlistenfunktion, mehrere Checkout-Stile und mehr.

Neve hat auch ein Mobile-First-Design, das das Durchsuchen Ihres WooCommerce-Shops auf kleineren Bildschirmgeräten sehr einfach machen sollte. Die Kompatibilität mit den führenden WordPress Page Builder-Plugins bedeutet, dass Sie Ihre Website mit dem Tool Ihrer Wahl bearbeiten oder einfach den standardmäßigen WordPress-Blockeditor verwenden können.

Hauptmerkmale

• Viele Funktionen für WooCommerce-Shops.
• Funktioniert mit den führenden Seitenerstellern von Drittanbietern.
• Über 100 bearbeitbare Einstiegsseiten, darunter viele E-Commerce-Optionen.

Neve-Testergebnisse

Neve war eines der schnelleren getesteten Themen. Im Vergleich zu den schnellsten Themen in diesem Vergleich lag es jedoch bei einigen PSI-Mobiltests nur leicht zurück.

OceanWP

OceanWP ist ein Mehrzweckthema mit vielen E-Commerce-Shop-Demos, die in der kostenpflichtigen Version verfügbar sind. Die kostenlose Version enthält einige E-Commerce-Demos, aber ein Upgrade auf die kostenpflichtige Version schaltet mehr Demos und zusätzliche Funktionen frei.

Je nachdem, für welche Demo Sie sich entscheiden, können Sie Ihre gesamte Website, einschließlich der Kopf- und Fußzeile, mit dem Elementor Page Builder-Plugin bearbeiten. Die kostenpflichtige Version von OceanWP enthält eine Auswahl an maßgeschneiderten Elementor-Modulen, die Ihnen mehr kreative Freiheit geben.

Hauptmerkmale

• Große Anzahl vorgefertigter Website-Demos, darunter viele E-Commerce-Designs.
• Maßgeschneiderte Module für Elementor.
• Drei mobile Menüstile für verbesserte mobile UX.

OceanWP-Testergebnisse

OceanWP hatte laut Pingdom die größten Seitengrößen und die meisten Anfragen und hatte daher einige der langsamsten Ladezeiten. Auch die PSI-Mobile-Scores gehörten zu den schlechtesten. Die Desktop-Leistung in PSI war jedoch in Ordnung.

Shoptimizer

Shoptimizer ist ein auf WooCommerce ausgerichtetes Theme, das mit Blick auf Geschwindigkeit und Conversions entwickelt wurde.

Um Ihren Shop zu beschleunigen, hat Shoptimizer minimiert und wichtiges CSS sofort aktiviert. Konversionsorientierte Funktionen, die mehr Umsatz in Ihrem Geschäft generieren könnten, umfassen ein ablenkungsfreies Bezahlerlebnis, die Möglichkeit, Versand- und Rücksendeinformationen auf der Produktseite anzuzeigen, und Vertrauensabzeichen, um Ihre Kunden zu beruhigen.

Hauptmerkmale

• Lagerzähler und Countdown-Timer, um Verkäufe zu generieren.
• Schieben Sie Verkaufsbenachrichtigungen nach oben, um den sozialen Beweis zu erhöhen.
• Mobile-First-Design für verbesserte Smartphone-UX.

Shoptimizer-Testergebnisse

Shoptimizer hatte die beste durchschnittliche PSI-Desktop-Leistungsnote sowie eine hohe mobile Leistungsnote. Auch die Pingdom-Ergebnisse waren beeindruckend.

Schaufenster

Storefront ist das offizielle WooCommerce-Theme und kann kostenlos verwendet werden.

Die kostenlose Version von Storefront hat gerade genug, um loszulegen und ein paar Änderungen am Design vorzunehmen. Wenn Sie jedoch wirklich einen personalisierten Shop erstellen möchten, müssen Sie das Storefront Extensions Bundle oder einige der einzelnen Erweiterungen erwerben.

Hauptmerkmale

• Minimales Design für eine übersichtliche UX.
• Bibliothek mit untergeordneten Themen, um das Aussehen Ihres Geschäfts schnell zu verändern.
• Erstellt und gewartet von dem Team, das für WooCommerce verantwortlich ist.

Ergebnisse des Storefront-Tests

Storefront hat einen sehr guten durchschnittlichen Desktop-Performance-Score in PSI, wurde aber durch einen relativ niedrigen Mobile-Score enttäuscht. Die Pingdom-Ergebnisse waren gut, aber nicht ganz die besten.

Woostifizieren

Woostify ist ein weiteres kostenloses WooCommerce-Thema, das mit kostenpflichtigen Add-Ons erweitert werden kann.

Die Kernversion von Woostify wurde so leicht wie möglich gestaltet, mit dem Ziel, die Ladezeiten zu verbessern. Da zusätzliche Funktionen über Erweiterungen hinzugefügt werden können, können Sie vermeiden, Ihre Website unnötig zu belasten, indem Sie nur die Add-Ons installieren, die Sie benötigen. Alle Add-Ons und Starter-Sites sind zu einem Preis erhältlich und nicht pro Add-On.

Hauptmerkmale

• Kostenlose und kostenpflichtige Starterseiten, die mit Elementor bearbeitet werden können.
• Kostenpflichtige Add-Ons, die WooCommerce-Funktionen und weitere Anpassungsoptionen enthalten.
• Mehrere Produktseiten, Auflistungslayout und Kopfzeilenvorlagen.

Woostify-Testergebnisse

Woostify hatte einige der schlechtesten Ergebnisse in diesem Vergleich, insbesondere in Bezug auf die mobile Leistung.

Über die Tests

Für die Tests wurde eine Neuinstallation auf einer von SiteGround gehosteten WordPress-Website erstellt. WooCommerce wurde auf der Website installiert und die Mustershop-Daten für das Plugin wurden importiert.

Anschließend wurde die Performance der einzelnen Produktseite und der Shop-Homepage in Pingdom und Google PageSpeed ​​Insights getestet. In Pingdom wurde derselbe Teststandort ausgewählt, der dem Ort am nächsten war, an dem die Website gehostet wurde.

Für jeden Test wurde ein anderes Thema aktiviert und in seinem Standardzustand verwendet. Keine der Theme-Demos wurde importiert, und es wurden auch keine zusätzlichen Plugins installiert. Da keine Performance-Tools verwendet wurden, konnten Sie noch bessere Ergebnisse erzielen, indem Sie Caching aktivieren, ein CDN verwenden, Bilder optimieren und Minimierung bereitstellen. Ein Tool, das Ihnen dabei helfen kann, ist NitroPack.

Core Web Vitals

Core Web Vitals (CWV) ist eine Sammlung von Tests, die Google verwendet, um einer Seite eine Gesamtleistungsbewertung zu geben. Seiten können als gut, verbesserungsbedürftig und schlecht bewertet werden. Damit eine Seite den CWV-Test besteht und eine gute Bewertung erhält, muss der Leistungswert zwischen 90 und 100 liegen.

Der CWV-Score basiert auf den Ergebnissen der Tests Largest Contentful Paint (LCP), First Input Delay (FID) und Cumulative Layout Shift (CLS). Um den CWV-Test zu bestehen, muss eine Seite für alle drei Komponenten gut abschneiden.

Im Allgemeinen untersuchen diese Tests nicht nur die Geschwindigkeit einer Seite, sondern auch, wie reaktionsschnell und visuell stabil sie ist.

Quelle: https://web.dev/vitals-business-impact/

In diesem Artikel finden Sie die LCP- und CLS-Ergebnisse für die getesteten Themen. Wie bereits erwähnt, ist FID nicht über den PSI-Labortest verfügbar, aber TBT ist eng mit FID verwandt.

Ein guter CWV-Score kann dazu beitragen, eine positive Benutzererfahrung zu liefern und auch zu verbesserten Suchmaschinen-Rankings beizutragen.

Wie Sie den obigen Ergebnissen entnehmen können, erzielten in den Desktop-Tests drei der Themes eine Leistungsnote von 90 oder mehr für die einzelne Produktseite und acht der Themes erzielten im Shop-Homepage-Test eine Leistung von über 90. Keines der Themen erreichte bei den mobilen Tests eine bestandene Leistungsnote von 90 oder höher. Allerdings kamen GeneratePress, Kadence und Shoptimizer der Punktzahl von 90 am nächsten.

Zusammenfassung

Wie Sie sehen können, wirkt sich Ihre Themenwahl auf die Geschwindigkeit Ihres Shops aus, insbesondere wenn es um das mobile Erlebnis geht.

Die meisten dieser Themen schnitten gut ab, mit guten Leistungsnoten und anderen Bewertungen. Es gab jedoch einige, die sich von der Konkurrenz abhoben, wobei Botiga, GeneratePress, Neve und Shoptimizer besonders gut abschnitten.

Divi, OceanWP und Woostify schienen am meisten zu kämpfen, vor allem, wenn es um die PSI-Mobilergebnisse ging.

Wie wir bereits erwähnt haben, erfreut sich das mobile Online-Shopping immer größerer Beliebtheit, daher ist es wichtig, ein Thema zu wählen, das für diese Zielgruppe schnell geladen wird.

Unabhängig davon, welches Thema Sie wählen, stellen Sie sicher, dass Sie Ihre Website optimieren, anstatt nur die Standardeinstellungen von WordPress, Ihrem Host und Ihrem Thema zu verwenden. Tools wie NitroPack, das mit allen oben genannten Themen kompatibel ist, können die Leistung Ihrer Website auf verschiedene Weise schnell verbessern, einschließlich der Ladegeschwindigkeit auf Mobilgeräten.