Gespräch starten
Google PageSpeed Score 45. Ladezeit 4.2 Sekunden. Erster Contentful Paint 3.8 Sekunden. Das sind echte Zahlen aus einem Shopify Shop den wir übernommen haben - und der Hauptgrund warum die Conversion Rate trotz gutem Traffic bei 0.9% stagnierte.
Shopify ist kein langsames System. Aber die Kombination aus zu vielen Apps, schweren Bildern, ungenutztem Theme-Code und schlechten Font-Loading-Strategien macht viele Stores deutlich langsamer als nötig.
Die Zahlen sind eindeutig:
Und das ist kein rein technisches Problem - es ist ein Revenue-Problem. Bei 1.000 täglichen Besuchern und einem AOV von 60€ kostet eine Sekunde extra Ladezeit bei 1% CVR-Verlust täglich 600€ Umsatz. Im Monat: 18.000€.
Bilder sind der häufigste Performance-Killer in Shopify Stores. JPEG und PNG Dateien können mit WebP oft 30-50% kleiner sein bei gleicher visueller Qualität.
Überprüfe auch Hintergrundbilder und Hero-Bilder in deinem Theme - diese sind oft die schwersten Assets.
Jede Shopify App die du installierst, fügt JavaScript und CSS zum Frontend hinzu - auch wenn du die App nicht aktiv nutzt. 15-20 Apps sind bei vielen Shops keine Seltenheit, und jede einzelne kostet Performance.
Vorgehen: Erstelle eine Liste aller installierten Apps. Für jede App: Wird sie aktiv genutzt? Generiert sie nachweisbar Revenue? Gibt es eine native Shopify-Funktion die das Gleiche tut? Nicht genutzte Apps sofort deinstallieren - nicht nur deaktivieren.
Vorsicht
Beim Deinstallieren von Apps bleibt der Code oft im Theme zurück. Nach der App-Deinstallation solltest du den Theme-Code auf verwaiste Script-Tags und CSS-Dateien prüfen.
Themes akkumulieren über Zeit ungenutzten Code: Sektionen die entfernt wurden, CSS-Klassen für Features die nicht aktiv sind, JavaScript-Bibliotheken die kein aktuelles Feature mehr braucht.
Mit dem Shopify Theme Inspector (Browser Extension) kannst du sehen welche Liquid-Snippets wie viel Render-Zeit kosten. Alles über 50ms ist ein Kandidat für Optimierung.
Fonts sind ein häufiger Render-Blocking-Faktor. Best Practice:
rel="preload" für den wichtigsten Font (z.B. Heading-Font)font-display: swap damit Text sofort mit System-Font angezeigt wird, bevor der Custom Font geladen istBilder die Below the Fold sind, müssen nicht beim initialen Laden geladen werden. Das native HTML-Attribut loading="lazy" ist ausreichend für die meisten Fälle - und in modernen Shopify Themes bereits standardmäßig aktiv.
Wichtig: Das Hero-Bild und Logos Above the Fold sollten explizit loading="eager" und fetchpriority="high" haben, damit sie priorisiert geladen werden.
Das kritische CSS - alles was für die Above-the-Fold-Darstellung gebraucht wird - sollte inline im <head> sein, damit der erste Render nicht auf das Laden des externen CSS wartet. Das ist eine fortgeschrittene Optimierung, hat aber signifikanten Impact auf den First Contentful Paint (FCP).
JavaScript-Dateien die im <head> ohne async oder defer geladen werden, blockieren das HTML-Parsing. Alle Nicht-kritischen Scripts sollten mit defer oder async geladen werden.
In Shopify: Prüfe dein Theme's theme.liquid auf Script-Tags im Head die ohne defer/async sind.
Live-Chat Tools (Tidio, Intercom, Gorgias) und ähnliche Third-Party Scripts sind oft 50-200KB groß und verlangsamen den initialen Pageload. Optionen:
Shopify hostet Bilder und Assets auf einem globalen CDN. Nutze immer die Shopify-URL für Assets statt externe Hosting-Dienste - das CDN ist bereits optimiert und näher am Nutzer.
Für Theme-Assets: Nutze {{ 'file.js' | asset_url }} statt absolute URLs. Das stellt sicher dass die CDN-URL verwendet wird.
Google bewertet Mobile und Desktop PageSpeed separat - und der Mobile Score ist der für Rankings relevante. Viele Shops haben guten Desktop-Score aber schlechten Mobile-Score.
Tools für Mobile Testing:
Mit konsequenter Umsetzung aller 10 Maßnahmen sind folgende Verbesserungen realistisch:
| Metrik | Typischer Ausgangspunkt | Nach Optimierung |
|---|---|---|
| PageSpeed Mobile Score | 30 - 55 | 65 - 85 |
| Largest Contentful Paint | 3.5 - 6s | 1.8 - 2.5s |
| Total Blocking Time | 400 - 800ms | unter 200ms |
| CVR-Impact | Basis | +15% bis +40% |
Der CVR-Impact ist nicht garantiert - er hängt davon ab, wie stark die Performance aktuell die UX beeinträchtigt. Bei sehr langsamen Stores ist der Impact größer. Aber eine schnellere Seite schadet nie - und die Kombination aus Pagespeed und den anderen CRO-Maßnahmen ist das was systematisch bessere Conversion Rates produziert.
Soll das auch bei dir funktionieren?
Wir schauen uns deinen E-Commerce Stack kostenlos an und zeigen dir, wo der größte Hebel für dein Business liegt.
Kostenlosen Analyse-Call buchen