Hydrogen ist Shopifys React-Framework für Headless-Storefronts, gehostet auf Oxygen am Edge. Nach 14 Implementierungen haben wir eine klare Datenlage: Hydrogen ist schneller, aber teurer zu bauen und zu warten.
LCP-Vergleich: Im Median liegt Hydrogen bei 0.8 s (Mobile, 4G), Liquid bei 1.3 s. Der Unterschied ist real, aber nicht dramatisch — und nur relevant, wenn die Brand genug Traffic hat, damit 0.5 s einen messbaren CVR-Unterschied macht.
Build-Komplexität: Ein Hydrogen-Projekt braucht im Schnitt 40 % mehr Engineering-Stunden als ein vergleichbares Liquid-Projekt. React-Komponenten, Server-Side-Rendering, Cache-Strategien, Remix-Routing — das Ökosystem ist mächtiger, aber auch anspruchsvoller.
SEO-Risiken: Server-Side-Rendering löst die meisten SEO-Probleme von Client-Side-React. Aber: Shopifys SEO-Apps (Schema-Markup, Redirects, Sitemaps) funktionieren nicht mit Hydrogen. Sie müssen alles selbst bauen oder auf Third-Party-APIs ausweichen.
Wann es sich lohnt: Brands mit über 100k monatlichen Sessions, Performance-Marketing als Hauptkanal, und einem internen oder dedizierten externen Engineering-Team. Für alle anderen: Ein gut optimiertes Liquid-Theme liefert 90 % der Performance bei 60 % der Kosten.