EIGENES SHOPIFY-THEME · APPAREL

DOLERITE BLANK

Eigenes Theme · Development Store · Offen gemessen

PASSWORT sifrap

Shopify sperrt jeden Development Store hinter ein Passwort — dieses hier ist mit Absicht veröffentlicht. Dolerite ist das Theme; Blank ist der Store, in dem es ohne alles darüber läuft: Standard-Copy, Shopifys Beispielprodukte und ein Lasttest-Katalog. Nichts darin ist käuflich, keine Bestellung ist verbindlich.

TYP Eigenes Theme · Demo zum Öffnen

KATEGORIE Apparel-Commerce · Drops

STACK Shopify · Liquid · Online Store 2.0 · Section Rendering API

KEINE APPS DARUNTER. ZÄHL ES SELBST NACH.

Die meisten Shopify-Stores beginnen mit einem gekauften Theme und wachsen durch Installation: eine Bewertungs-App, eine Größentabellen-App, ein Page-Builder, ein Pop-up. Jede ist mit ein paar Klicks drin und bringt eigene Skripte, eigene Hosts und ihren Anteil am DOM mit — und niemand entfernt später eine, weil bis dahin etwas davon abhängt. Die Seite, die ein Besucher tatsächlich bekommt, ist die Summe dieser Entscheidungen, und sie wird selten gemessen.

Dolerite wurde ab der ersten Zeile so geschrieben, dass die Dinge, die ein Apparel-Store braucht — Warenkorb-Drawer, Schnellansicht, Filter und Sortierung, ein terminierter Drop, Größen- und Lagerlogik, sechs Sprachen — im Theme selbst liegen. Es muss nichts installiert werden, bevor es funktioniert, und die App-Blocks auf der Produktseite bleiben offen für den Tag, an dem ein Händler doch eine Bewertungs- oder Abo-App will.

Klar gesagt: Das ist ein Development Store, kein Shop, der verkauft. Der Katalog besteht aus Shopifys eigenen Beispieldaten plus einer zweiteiligen Kapsel, die Texte sind die Standard-Copy des Themes, und der Store heißt Blank, weil er genau das ist — das Theme ohne Marke darüber. Er verschickt nichts und kassiert nichts.

Was er zeigt, ist der Entwickler. Ein vollständiges Online-Store-2.0-Theme zu schreiben — 44 Sections, 14 Templates, sechs Sprachen, theme-check ohne Befund — heißt zu wissen, woher jedes Byte und jeder DOM-Knoten auf einer Shopify-Seite kommt. Genau dieses Wissen braucht ein langsamer Store, egal auf welchem Theme er gerade läuft.

GEMESSEN

DIE SEITE, DIE EIN BESUCHER BEKOMMT, GEZÄHLT.

CHROMIUM · 1440 × 900 · KALTER CACHE · OHNE SCROLLEN · 15. SEPTEMBER 2026

STARTSEITE

/

413 DOM-KNOTEN
Jedes Element der Seite, gezählt, nachdem sie zur Ruhe gekommen ist.
225 REQUESTS
208 davon sind Shopifys Plattformschicht — Checkout-Vorladen, Pixel, Telemetrie, die Account-Komponente —, die jeder Store trägt. Auf das Theme selbst entfallen 17: 3 eigene Dateien, 7 Schriften, 7 Bilder.
40 SCRIPT-TAGS
3 davon gehören dem Theme. Die übrigen 37 sind Shopifys eigene — 34 auf Shopifys Dawn-Demo-Store, auf dieselbe Weise gemessen, dazu die Account-Komponente, die der Theme Store seit dem 30. Juli 2026 verlangt (zwei Tags: ihr Skript und der Datenblock, den Shopify daneben rendert) und der Cookie-Banner, den dieser Store zeigt, weil er nach Europa liefert (ein Tag), die das Demo nicht trägt.
0 von 9 BILDER OHNE WIDTH & HEIGHT
Jedes Bild ist mit seinen Maßen deklariert, bevor es lädt — nichts verschiebt sich, wenn es ankommt.
0 HOSTS AUSSERHALB VON SHOPIFY
5 Hosts insgesamt — die eigene Domain des Stores, Shopifys CDN, zwei Telemetrie-Endpunkte von Shopify und Shop Pay. Kein Schriftdienst, keine App, kein Analytics-Anbieter.
2,1 MB ÜBERTRAGEN
0,58 MB davon gehören dem Theme: Dokument, CSS, JS, Schriften und Bilder. Die übrigen 1,5 MB sind Shopifys Checkout- und Pixel-Skripte, auf jedem Store vorhanden.

PRODUKTSEITE

/products/2100-training-shirt

441 DOM-KNOTEN
Jedes Element der Seite, gezählt, nachdem sie zur Ruhe gekommen ist.
232 REQUESTS
217 davon sind Shopifys Plattformschicht — Checkout-Vorladen, Pixel, Telemetrie, die Account-Komponente —, die jeder Store trägt. Auf das Theme selbst entfallen 15: 4 eigene Dateien, 9 Schriften, 2 Bilder.
46 SCRIPT-TAGS
7 davon gehören dem Theme. Die übrigen 39 sind Shopifys eigene — 36 auf Shopifys Dawn-Demo-Store, auf dieselbe Weise gemessen, dazu die Account-Komponente, die der Theme Store seit dem 30. Juli 2026 verlangt (zwei Tags: ihr Skript und der Datenblock, den Shopify daneben rendert) und der Cookie-Banner, den dieser Store zeigt, weil er nach Europa liefert (ein Tag), die das Demo nicht trägt.
0 von 3 BILDER OHNE WIDTH & HEIGHT
Jedes Bild ist mit seinen Maßen deklariert, bevor es lädt — nichts verschiebt sich, wenn es ankommt.
0 HOSTS AUSSERHALB VON SHOPIFY
6 Hosts insgesamt — die eigene Domain des Stores, Shopifys CDN, drei Telemetrie-Endpunkte von Shopify und Shop Pay. Kein Schriftdienst, keine App, kein Analytics-Anbieter.
2,0 MB ÜBERTRAGEN
0,42 MB davon gehören dem Theme: Dokument, CSS, JS, Schriften und Bilder. Die übrigen 1,6 MB sind Shopifys Checkout- und Pixel-Skripte, auf jedem Store vorhanden.

GEGEN DAWN, UND GEGEN ZWEI LIVE-STORES AUF DAWN

Drei Spalten Vergleich. Dawn ohne alles: Shopifys eigener öffentlicher Demo-Store für das Theme, am 15. September 2026 mit demselben Skript gemessen. Dann zwei echte Shopify-Stores auf Dawn — einer auf einer von Dawn abgeleiteten Kopie —, am 9. September 2026 auf dieselbe Weise gemessen; sie werden nicht benannt und nicht verlinkt, sie gehören jemand anderem, und beide werden gezeigt, nicht nur der drastischere.

Die Script-Tags sind aufgeteilt, weil eine Gesamtzahl allein gegen das Theme liest. Shopifys eigener Anteil ist 34 auf der Startseite und 36 auf der Produktseite des Dawn-Demos; Dolerite Blank trägt drei mehr — die Account-Komponente, die der Theme Store seit dem 30. Juli 2026 verlangt (zwei Tags: ihr Skript und der Datenblock, den Shopify daneben rendert) und der Cookie-Banner, den dieser Store zeigt, weil er nach Europa liefert (ein Tag) —, die das Demo nicht ausliefert. Alles darüber ist das Theme, und alles über dem Theme ist das, was ein Store installiert.

Die Account-Komponente ist nicht umsonst. Gegen den Lauf vom 12. September 2026, bevor sie gesetzt wurde, trägt die Startseite 45 Requests und 0,41 MB mehr — Shopifys Account-Skripte (41 KB), Sign in with Shop samt den zwei eigenen Schriften der Shop-App (129 KB) und den Anmelde-Frame, den sie öffnet. Die Produktseite bewegt sich um 43 Requests und 0,39 MB. Sie ist Shopifys, sie sitzt auf jedem Theme, das die Anforderung erfüllt, und sie steht auf dieser Seite, weil die Zahl sich bewegt hat. Der frühere Lauf bleibt neben dem neuen veröffentlicht.

	Dolerite Blank Startseite	Dolerite Blank Produktseite	Dawn-Demo Startseite	Dawn-Demo Produktseite	Store A Dawn-Kopie	Store B Dawn
DOM-Knoten	413	441	1.425	1.355	4.800	2.407
Script-Tags	40	46	49	59	65	61
davon das Theme	3	7	15	23	—	—
davon Shopify	37	39	34	36	—	—
Hosts jenseits der Store-Domain *	3	4	2	4	24	19
davon außerhalb von Shopify	0	0	0	0	≥ 20	≥ 15
Bilder ohne width & height	0 von 9	0 von 3	0 von 25	0 von 20	26	137 von 139
Übertragen beim Laden	2,1 MB	2,0 MB	1,8 MB	2,1 MB	—	30,8 MB

* Jeder Request-Host, der nicht myshopify.com, shopify.com oder shopifycdn ist. Bei Dolerite Blank und beim Dawn-Demo sind die, die übrig bleiben, Shopifys eigene Telemetrie-Endpunkte und Shop Pay — der Filter zählt sie, also stehen sie da, statt zu verschwinden. Store A und Store B wurden nur als Summen festgehalten: Ihre Aufteilung in Theme und Shopify ist nicht erfasst und wird nicht geraten, und ihre Hosts außerhalb von Shopify stehen als Untergrenze — die Zahl minus der 4 von Shopify betriebenen Hosts, die der Filter je durchgelassen hat, nie weniger. Bei Store A wurde die Bildzahl ohne Gesamtzahl festgehalten. Die Übertragung von Store B ist seine Startseite.

Wer welches Script-Tag geschrieben hat, wird ohne Wissen über das Theme entschieden: Alles zwischen Shopifys zwei content_for_header-Markern, jede externe Datei, die nicht aus dem eigenen Asset-Ordner des Themes kommt, jedes Tag, das Shopify mit einer Quellenangabe stempelt, die Loader, die es nach dem Laden nachschiebt, und der Datenblock, den es neben seiner eigenen Account-Komponente rendert, sind Shopifys; der Rest ist des Themes. Am Dolerite-Quellcode gegengeprüft, bevor es galt — es liefert exakt die 3 und 7, die der Quellcode liefert.

SO WURDE GEMESSEN

In Chromium bei 1440 × 900 mit kaltem Cache, auf der Seite, die ein Besucher bekommt — nach dem Load-Event, Netzwerkruhe und fünf weiteren Sekunden für Shopifys eigene Beacons, ohne zu scrollen. Kein Lighthouse, kein synthetischer Score: fünf Ausdrücke in der Konsole, ausgeführt am 15. September 2026. Öffne den Store, öffne die DevTools, füge sie auf denselben Seiten ein. Deine Zahlen bewegen sich um ein paar Beacons von Shopify; die Form nicht.

document.querySelectorAll('*').length
performance.getEntriesByType('resource').length
document.scripts.length
[...document.images].filter(i => !i.getAttribute('width') || !i.getAttribute('height')).length
new Set(performance.getEntriesByType('resource').map(r => new URL(r.name).host).filter(h => !h.includes('myshopify.com') && !h.includes('shopify.com') && !h.includes('shopifycdn'))).size

ROHLÄUFE, JEDER REQUEST AUFGEFÜHRT: dolerite-blank-2026-09-15.json · dawn-demo-2026-09-15.json · dolerite-blank-2026-09-12.json

Was diese Zahlen nicht sagen: Eine DOM-Knoten-Zahl ist kein Geschwindigkeits-Score, und keine der beiden Seiten trägt hier einen Lighthouse-Wert — das ist eine andere Messung mit eigener Streuung. Sie sagen, wie viel Markup, Skript und Drittanbieter-Fläche ein Besucher bekommt, bevor eine einzige App installiert ist.

WAS DARUNTER LIEGT

KEIN APP-STACK

Warenkorb-Drawer, Schnellansicht, Suchvorschläge, Filter und Sortierung, ein E-Mail-Pop-up, ein terminierter Drop, zuletzt angesehen — alles ins Theme geschrieben. Nichts muss installiert werden, bevor der Store funktioniert; deshalb besteht die Request-Liste oben aus Shopifys Plattform plus einer Handvoll eigener Theme-Dateien und sonst nichts. App-Blocks bleiben auf der Produktseite offen, falls ein Händler doch eine Bewertungs- oder Abo-App will.

GRÖSSEN UND VARIANTEN ALS DATEN

Größe und Farbe sind echte Shopify-Optionen, nie Tags. Der Picker liest seine Form aus den Daten: ein Swatch, wo der Händler eines gesetzt hat, ein Variantenfoto, wo jeder Wert ein eigenes hat, ein Text-Button für alles andere — Farbe bekommt Swatches, Größe bekommt Buttons, ohne Einstellung pro Produkt. Ausverkaufte Kombinationen werden als nicht verfügbar gezeigt, nicht versteckt, und die Lagerzeile druckt nur dann eine Zahl, wenn Shopify wirklich eine führt.

DROPS UND LIMITIERTE AUFLAGEN

Die Drop-Section kennt drei Zustände: gesperrt, mit unscharfem Raster und Countdown; live; beendet. Zeiten werden in der Ortszeit des Besuchers gelesen. Der Countdown ist eine Anzeige, keine Sperre — Produkte bleiben per URL erreichbar, und die Dokumentation sagt das auch: bis zum Start unveröffentlicht lassen. Badges kommen aus Tags, „Ausverkauft“ und „Sale“ sind automatisch und erscheinen nie zusammen.

DER KATALOG UNTER LAST

2.014 Produkte auf 168 Seiten zu je 12 — Shopifys Beispieldaten plus die 2100-Kapsel, gezählt am 15. September 2026. Filter nach Verfügbarkeit und Preis, 9 Sortierungen, ein Pager in der Werkzeugleiste und auf jeder Karte eine Schnellansicht, die ein Produktfragment nachlädt statt einer zweiten Seite. Die Filterleiste ist ein Snippet, geteilt zwischen Collection und Suche.

BILDER, MIT ABSICHT GELADEN

Jedes Bild trägt width, height und ein srcset von 300 bis 900 Pixeln — der Lauf oben fand keines ohne Maße. Die erste Kachel lädt sofort mit fetchpriority high, der Rest verzögert. Das Hover-Bild einer Karte kommt ohne src und wird erst beim ersten Zeiger geholt, der die Karte betritt — ein Handy lädt es nie. Ein 3D-Viewer lädt nur bei Produkten, die ein Modell haben; ein externes Video wird erst eingebettet, wenn jemand auf Play drückt.

SERIF ÜBER MONO

Instrument Serif für die Überschriften, Inter zum Lesen, IBM Plex Mono für alles, was Daten sind — Eyebrows, Preise, Buttons, Tabellenlabels —, weil eine dicktengleiche Schrift Ziffern in einer Spalte bündig hält. Alle drei kommen aus Shopifys eigener Schriftbibliothek, keine Seite öffnet für Schrift einen fremden Origin. Sie laden mit font-display: optional und ohne Preload: gemessen, swap kostete 0,189 CLS auf der Collection-Seite. Die Serif ist der Kontrast, der die Mono als Instrument lesbar macht.

DER STORE

Startseite von Dolerite Blank — Serif-Headline „Commerce, built like the future“ auf fast schwarzem Grund, ein cyanfarbener Call-to-Action und drei kleine Marker-Pillen — Die Startseite, mit Absicht blank: die Standard-Copy des Themes und Shopifys Beispielprodukte. Jedes Band darauf ist eine Section, die der Händler bearbeiten, umsortieren oder entfernen kann.

Katalogseite von Dolerite Blank — Filter-Buttons für Verfügbarkeit und Preis, ein Sortiermenü, der Pager „1 / 168“, die Zeile „2014 products“ und ein vierspaltiges Produktraster — /collections/all — 2.014 Produkte, Seite 1 von 168, Filter, Sortierung und Schnellansicht. Der Lasttest-Katalog hinter dem Store.

STACK

KLICK EINEN BEGRIFF AN

MetafieldsSearch & Discovery

ÖFFNE IHN. DANN ÖFFNE DIE DEVTOOLS.

Das Passwort ist sifrap — öffne ein Produkt, wechsle die Größe, sieh zu, wie die Galerie folgt, und lass dann die fünf Zeilen oben in deiner eigenen Konsole laufen.

STORE ÖFFNEN → ← ALLE PROJEKTE