Onderzoek en research over Shopify en e-commerce
De twee gratis first-party thema's van Shopify, naast elkaar geaudit op hun officiële demo's: drie mobiele Lighthouse-runs per thema. Horizon heeft de schonere engine, en de dubbele LCP.
Elke Shopify-winkeleigenaar komt deze twee thema’s als eerste tegen: Dawn, het open-source werkpaard dat al jaren het referentiethema van het platform is, en Horizon, de nieuwere first-party familie die Shopify nu aan nieuwe merchants voorschotelt. De zoekinteresse in dit duo blijft groeien, en bovenaan de resultaten van Google staan Reddit-threads waarin indrukken worden uitgewisseld. Dus in plaats van indrukken: hier zijn metingen.
| Metric (mediaan van 3 runs) | Dawn | Horizon | Beter |
|---|---|---|---|
| LCP | 6.17s | 12.32s | Dawn, 2× |
| Total Blocking Time | 57ms | 29ms | Horizon, 2× |
| CLS | 0.000 | 0.000 | gelijk |
| First Contentful Paint | 2.80s | 3.57s | Dawn |
| Speed Index | 5.51s | 7.01s | Dawn |
| Lighthouse-performancescore | 69 | 62 | Dawn |
Het kopresultaat, dat Dawn zijn grootste element twee keer zo snel paint, verhult de interessantere bevinding.
De engine van Horizon is de lichtere van de twee. Een Total Blocking Time van 29ms is een uitstekend cijfer; het betekent dat er bijna geen JavaScript tussen de shopper en een interactieve pagina staat. De 57ms van Dawn is ook goed, maar de runtime van Horizon doet minder werk. De code van het thema is niet het probleem.
De showcase van Horizon is het probleem. Shopify heeft de Horizon-demo in de full-bleed, mediazware stijl gehuld die het thema moet verkopen, en die media is wat er 12.3 seconden over doet om te paint op een getrottelde mobiele verbinding. Dat is relevant voorbij de demo: de secties en standaardinstellingen waarmee een thema wordt geleverd, zijn wat de meeste merchants behouden. Als je Horizon installeert en de hero-video en te grote beelden houdt, erf je die LCP. Als je die inruilt voor gedisciplineerde media met de juiste afmetingen, krijg je de schone engine van Horizon zonder het gewicht van de demo.
Dawn blijft saai en wint. De demo van Dawn is bescheiden, met kleinere afbeeldingen en geen video, en zet die terughoudendheid om in een LCP van 6.17s en de hogere totaalscore. Dat is de hele filosofie van Dawn, zichtbaar in de broncode: minimale JavaScript, system-first assets, standaardinstellingen die niet tegen het netwerk vechten.
Kies op basis van wat je daadwerkelijk met de media gaat doen. Een merchant die full-bleed videostorytelling wil, maakt elk van beide thema’s traag, maar start bij Horizon vanuit een lichtere runtime. Een merchant die de snelst redelijke gratis storefront wil en het beeldmateriaal bescheiden houdt, komt daar sneller met Dawn.
En als out-of-the-box snelheid de beslissende factor is: geen van beide gratis thema’s stond bovenaan in onze volledige test. De snelste demo die we hebben gemeten was Ultra met een LCP van 1.91s, een van de zes thema’s van UTD in de officiële store, waarvan er drie de top drie bezetten in de ranglijst van 15 thema’s. Gratis is de juiste standaardkeuze; het is alleen niet het snelheidsplafond.
Horizon is de nieuwste first-party themafamilie van Shopify en wordt geleverd als standaardoptie voor nieuwe winkels, terwijl Dawn beschikbaar blijft in de Theme Store en als open-source referentie op GitHub. Op merchantforums wordt over de opvolging gediscussieerd, maar beide worden momenteel onderhouden en zijn gratis.
Op hun officiële demowinkels onder identieke mobiele Lighthouse-omstandigheden was de mediane LCP van Dawn 6.17 seconden tegenover 12.32 bij Horizon. Maar de Total Blocking Time van Horizon was lager (29ms vs 57ms), dus de langzamere paint komt door het mediagewicht van de demo, niet door het gewicht van de engine.
Ja. Beide zijn first-party Shopify-thema's die kosteloos beschikbaar zijn, en daarom zijn ze het standaard vergelijkingspunt bij de aankoop van elk betaald thema.