Dawn ist das Standard-Theme von Shopify – kostenlos, gut gepflegt und regelmäßig vom eigenen Shopify-Team aktualisiert. Für viele Shops ist es der Ausgangspunkt. Problematisch wird es, wenn es auch der Endpunkt bleibt.
Dies ist kein Verkaufsartikel. Es ist ein technischer Vergleich zweier unterschiedlicher Ansätze für die Architektur von Shopify-Themes – mit Daten aus echten Shops, konkreten Unterschieden auf Code-Ebene und einer klaren Zusammenfassung, welche Lösung in welcher Situation sinnvoll ist.
Nethype hat Wonder Theme entwickelt, das im Shopify Theme Store erhältlich ist. Wir sind also befangen – und genau deshalb legen wir Methodik und Zahlen offen, damit Sie sich selbst ein Urteil bilden können.
Alle Messungen wurden mit PageSpeed Insights (mobil, kalter Cache) im selben Test-Shop durchgeführt, mit:
Eine einzige Variable: das Theme. Zuerst Dawn (aktuelle Version), dann Wonder Theme (Preset WONDER – Beauty/Hautpflege).
LCP misst, wann das wichtigste visuelle Element der Seite für den Nutzer sichtbar wird. In Onlineshops ist das in der Regel das Hauptbanner oder das erste Produktbild.
Dawn: 3,4 s Wonder Theme: 1,9 s
Differenz: 1,5 Sekunden. Woher kommt sie?
Dawn lädt auf jeder Seite das komplette Stylesheet des Themes – unabhängig davon, welche Sections auf der jeweiligen Seite tatsächlich aktiv sind. Wonder setzt auf eine „Load what you use“-Architektur: CSS und JavaScript für Sections, die auf einer Seite nicht vorkommen, erreichen den Browser gar nicht erst.
Zweiter Faktor: der Umgang mit dem Hero-Bild. Wonder setzt beim ersten Bild der Hero-Section zwingend fetchpriority="high" und lädt keine Bilder unterhalb des sichtbaren Bereichs, bevor der Inhalt oberhalb gerendert ist. Dawn lädt in einigen Section-Konfigurationen alle Bilder mit derselben Priorität.
CLS misst, wie stark Seitenelemente beim Laden „springen“. Jeder Sprung frustriert Nutzer und kann zu versehentlichen Klicks führen.
Dawn: 0,08 Wonder Theme: 0,02
Hauptursache für den höheren CLS bei Dawn: fehlende explizite width- und height-Attribute an Bildern in einigen Section-Typen. Der Browser weiß nicht, wie viel Platz er vor dem Laden des Bildes reservieren muss – und verschiebt den Inhalt, sobald das Bild erscheint.
Wonder setzt bei jeder Bildkomponente explizite Abmessungen. Das Layout verschiebt sich nicht, weil der Browser weiß, was kommt.
INP misst, wie schnell die Seite auf Nutzerinteraktionen reagiert – Klicks, Tippen, Scrollen.
Dawn: 210 ms Wonder Theme: 87 ms
Google stuft Seiten mit einem INP über 200 ms als „verbesserungswürdig“ ein. Dawn mit 6 installierten Apps überschreitet diesen Schwellenwert regelmäßig.
Wonder erreicht einen niedrigeren INP durch:
defer oder async geladen wirdTBT ist die Zeit, in der der Main Thread des Browsers blockiert ist und nicht auf Nutzerinteraktionen reagieren kann.
Dawn: 480 ms Wonder Theme: 120 ms
480 ms TBT bedeuten, dass ein Nutzer nach dem Laden der Seite fast eine halbe Sekunde lang klicken kann, ohne dass etwas passiert. Auf Mobilgeräten mit langsameren Prozessoren ist dieses Zeitfenster noch länger.
Dawn ist als „leere Leinwand“ konzipiert – maximale Flexibilität für jede Art von Shop. Jede Section ist unabhängig, aber Stylesheet und JavaScript werden global geladen, egal welche Sections im Shop konfiguriert sind.
Für die Einfachheit ist das ein guter Ansatz – eine CSS-Datei, eine JS-Datei, eine übersichtliche Struktur. Aber er hat seinen Preis: Jede Seite trägt die Last des gesamten Themes, nicht nur dessen, was sie tatsächlich nutzt.
Die fehlende Branchenoptimierung ist gewollt – Dawn soll für einen T-Shirt-Shop genauso gut funktionieren wie für einen Elektronikshop. Das Ergebnis: Es ist für keinen konkreten Anwendungsfall optimiert.
Wonder ist rund um 5 Branchen-Presets aufgebaut – jedes mit eigenem Standard-Set an Sections, eigener Standard-Hierarchie der Startseite und eigenen nativen Commerce-Funktionen.
CSS-Architektur: Jede Section hat ihr eigenes, gekapseltes CSS. Die Section Vorher-nachher-Slider lädt das Slider-CSS nur auf Seiten, auf denen der Slider aktiv ist. Auf einer Startseite ohne Slider – null Bytes für Slider-Styles.
JavaScript-Architektur: Komponenten nutzen den nativen Intersection Observer für eine verzögerte Initialisierung – das JavaScript von Sections unterhalb des sichtbaren Bereichs wird erst ausgeführt, wenn sich der Nutzer der jeweiligen Section nähert.
Bildkomponenten: Jede Bildkomponente in Wonder hat explizite width, height, loading="lazy" (unterhalb des sichtbaren Bereichs) oder loading="eager" mit fetchpriority="high" (oberhalb). Nichts bleibt dem Zufall oder der Konfiguration überlassen.
Hier liegt der Unterschied mit den größten Auswirkungen auf den laufenden Betrieb.
Dawn bringt ein grundlegendes Set an E-Commerce-Sections mit:
Alles andere – Lookbooks, Routine-Builder, Shoppable Video, Vorher-nachher-Slider, erweiterte Mega-Menüs – erfordert Apps von Drittanbietern.
Jede App, die Wonder ersetzt, bedeutet ein JavaScript-Bundle weniger auf der Seite.
Preset WONDER (Beauty/Hautpflege):
Preset ROOT (Wellness/Gesundheit):
Preset NOOK (Wohnen/Einrichtung):
Preset PETIT (DTC/Ein-Produkt-Shop):
Den Einfluss eines Themes auf die Conversion zu isolieren ist schwierig – zu viele Variablen (Traffic, Angebot, Preise, Saisonalität). Die folgenden Daten stammen aus A/B-Tests oder direkten Vorher-nachher-Vergleichen bei Migrationen, nicht aus allgemeinen Benchmarks.
Beauty-Shop (2.400 Sessions/Monat, britischer Markt): Migration von Dawn + 4 Apps → Wonder, Preset WONDER
Mode-Shop (8.000 Sessions/Monat, EU-Markt): Migration von einem individuellen Theme → Wonder, Preset VELOUR
Wellness-Shop (1.500 Sessions/Monat, DTC): Migration von Dawn + 6 Apps → Wonder, Preset ROOT
Dawn ist die richtige Wahl, wenn:
Als langfristige Lösung für einen Shop, der aktiv Traffic aufbaut und seine Conversion optimieren will, ist Dawn nicht sinnvoll.
Wonder ist die richtige Wahl, wenn:
Funktioniert Wonder Theme auch mit Shopify Basic und nicht nur mit Plus? Ja. Wonder funktioniert mit allen Shopify-Tarifen – Basic, Shopify, Advanced und Plus. Einige Funktionen (etwa Checkout-Anpassungen) erfordern Shopify Plus, das Theme selbst ist aber für jeden Tarif verfügbar.
Kann ich einen bestehenden Shop von Dawn zu Wonder migrieren, ohne Inhalte zu verlieren? Ja, aber die Migration erfordert Arbeit – die Sections von Dawn und Wonder sind unterschiedlich aufgebaut. Inhalte (Produkte, Kollektionen, Blog) bleiben erhalten. Die Sections der Startseite und die Theme-Einstellungen müssen im Wonder-Editor neu konfiguriert werden.
Wie schneidet Wonder im Vergleich zu anderen Premium-Themes für Shopify wie Prestige, Symmetry oder Impulse ab? Der Hauptunterschied: Wonder ist eines der wenigen Themes, die von einer Shopify-Plus-Agentur mit eigenem Kundenportfolio entwickelt wurde. Architekturentscheidungen beruhen auf Erfahrung aus echten Shops, nicht nur auf Designvorlieben. Prestige und Symmetry sind optisch stark – Branchen-Presets mit so umfangreichen nativen Commerce-Funktionen bieten sie jedoch nicht.
Sind 390 $ eine monatliche Gebühr? Nein. 390 $ sind eine einmalige Lizenz pro Shop mit lebenslangem Zugang, inklusive aller künftigen Updates.
Welche Sprachen unterstützt Wonder Theme? Wonder wird mit Übersetzungen für EN, FR, IT, DE und ES ausgeliefert. Weitere Sprachen lassen sich über den nativen Übersetzungseditor von Shopify ergänzen.
Dawn ist ein gutes Theme. Es tut, wofür es gemacht ist: neuen Shopify-Shops einen sauberen, sicheren Ausgangspunkt zu bieten.
Wonder Theme ist ein Werkzeug für Shops, die wissen, was sie an wen verkaufen, und deren Theme für die Conversion arbeiten soll – statt nur im Editor gut auszusehen.
27 Punkte Unterschied bei Lighthouse und 1,5 s schnellerer LCP sind keine akademischen Werte. Bei stetigem Traffic bringt schon eine kleine Conversion-Verbesserung Monat für Monat spürbar mehr Umsatz.
Als Team hinter Wonder Theme bietet Nethype die Implementierung inklusive Konfiguration des passenden Branchen-Presets, die Migration von bestehenden Themes und die Optimierung der Core Web Vitals an. Wenn Sie sehen möchten, wie Wonder in Ihrem Shop abschneiden würde, melden Sie sich – kostenlose Beratung – info@nethype.co
Die ersten 60 Minuten sind ein Gespräch über Ihren Shop, Ihr aktuelles Theme und Ihre Ziele. Unverbindlich. Danach erhalten Sie ein konkretes Angebot – oder die ehrliche Antwort, dass ein Theme-Wechsel bei Ihnen nicht den entscheidenden Unterschied machen wird.
Wonder Theme im Shopify Theme Store: https://themes.shopify.com/themes/wonder
