Die meisten Shopify-Stores haben einen LCP von 2.5–4.0 Sekunden auf Mobile. Das ist nicht akzeptabel, wenn Performance-Marketing der Hauptkanal ist. Aber Headless ist nicht die einzige Lösung.
Schritt 1: Image-Pipeline. WebP/AVIF-Serving, korrekte srcset-Grössen, lazy-loading ab dem zweiten Viewport. Allein diese Massnahme bringt typischerweise 30–40 % LCP-Verbesserung.
Schritt 2: App-Audit. Der durchschnittliche Shopify-Store hat 15–20 installierte Apps, von denen 8–12 JavaScript in den Storefront injizieren. Wir deinstallieren konsequent, was nicht revenue-kritisch ist, und ersetzen JS-heavy Apps durch Liquid-native Lösungen.
Schritt 3: Critical CSS Inlining. Die wichtigsten 5 KB CSS inline im Head, der Rest asynchron. Shopify bietet keine native Lösung — wir generieren Critical CSS im Build-Prozess.
Schritt 4: Liquid-Refactor. Unnötige Sections entfernen, JSON-Templates statt Liquid-Templates, Section-Rendering-API für dynamische Inhalte nutzen statt Full-Page-Loads.
Ergebnis: In 8 von 10 Fällen erreichen wir LCP unter 1.5 s — ohne Headless, ohne Framework-Wechsel, ohne Team-Erweiterung. Der pragmatische Pfad ist meistens der schnellere.