Ratgeber · Pagespeed
Shopify Pagespeed optimieren: die Reihenfolge, die wirklich Zeit spart
Geschwindigkeit ist kein Selbstzweck. Sie ist der günstigste Weg, Kaufabsicht nicht zu verlieren, bevor sie überhaupt sichtbar wird – besonders mobil, wo die Geduld am kürzesten ist.
Erst messen, was der Kunde erlebt
Lighthouse misst ein Labor. Entscheidend sind die Felddaten deiner echten Besucher: Largest Contentful Paint, Interaction to Next Paint und Cumulative Layout Shift, getrennt nach Mobile und Desktop.
Miss außerdem auf den Seiten, die Umsatz bringen – Startseite, meistbesuchte Kollektion, Top-Produktseite und Warenkorb. Ein schneller Blogartikel hilft niemandem an der Kasse.
Apps und Skripte: der größte Hebel
In fast jedem gewachsenen Shop liegt die Hälfte der Ladezeit in Drittanbieter-Skripten. Reviews, Popups, Wishlists, zwei Tracking-Systeme parallel, dazu Reste deinstallierter Apps im Theme-Code.
- Alle Apps auflisten und dem jeweiligen Umsatzbeitrag gegenüberstellen
- Skriptreste deinstallierter Apps aus theme.liquid entfernen
- Tracking über einen Container bündeln statt fünf einzelne Snippets
- Popups erst nach der ersten Interaktion laden
- Chat-Widgets verzögert einbinden, nicht im kritischen Pfad
Bilder und Fonts richtig ausliefern
Bilder sind der größte Byte-Block. Moderne Formate, korrekte Größenangaben im srcset und Lazy Loading für alles unterhalb des ersten Bildschirms erledigen den Großteil der Arbeit.
Genau ein Bild sollte nicht lazy geladen werden: das Hero- oder Produktbild oberhalb der Falz. Es gehört vorgeladen, weil es fast immer das LCP-Element ist.
Bei Schriften reichen zwei Schnitte. Lokal einbinden, font-display: swap setzen, Fallback-Metriken angleichen – das verhindert die Layout-Sprünge, die den CLS-Wert ruinieren.
Layout-Stabilität schlägt Millisekunden
Ein Shop, der in 1,8 Sekunden lädt, aber beim Laden dreimal springt, fühlt sich langsamer an als einer mit 2,4 Sekunden ohne Sprünge. Feste Höhen für Banner, Bildcontainer und Ankündigungsleisten kosten nichts und wirken sofort.
Den Umsatzeffekt belegen
Nach dem Eingriff vergleichst du nicht Scores, sondern Kennzahlen: Kaufabschlussrate mobil, Umsatz pro Session und Absprungrate der Einstiegsseiten – über mindestens zwei vergleichbare Wochen.
So wird aus einer technischen Aufräumaktion eine belegbare Investition und keine Geschmacksfrage.
Shopify Conversion-Checkliste – kostenlos
Die Liste, mit der ich jeden Store zuerst durchgehe. Ohne Anfrage, ohne Verkaufsgespräch – du bekommst sie per E-Mail.
- 27 Prüfpunkte für Produktseite, Warenkorb und Checkout
- Die 6 häufigsten Umsatzkiller auf Mobile
- Rechenblatt: Was ein Prozentpunkt Conversion bei dir bringt
Kein Newsletter. Eine E-Mail mit der Checkliste, mehr nicht.
Häufige Fragen
Wie stark beeinflusst Ladezeit die Conversion-Rate?
Als Faustregel gilt: Jede zusätzliche Sekunde bis zur Interaktivität kostet mobil spürbar Umsatz. Der Effekt ist am größten zwischen einer und drei Sekunden – danach flacht die Kurve ab. Wichtiger als der Lighthouse-Score sind die Felddaten echter Nutzer.
Brauche ich ein neues Theme, um schneller zu werden?
In den meisten Fällen nicht. Der Großteil der Ladezeit stammt aus Apps, Tracking-Skripten und unoptimierten Bildern – nicht aus dem Theme selbst. Ein Neubau ist erst sinnvoll, wenn das Theme älter als die Online-Store-2.0-Struktur ist.
Welcher Lighthouse-Score ist gut genug?
Ein mobiler Score über 50 bei sauberen Core Web Vitals reicht für die meisten Shops. Wer Punkte jagt statt Ladezeit, optimiert an der Kasse vorbei.
Wie viele Apps sind zu viele?
Es gibt keine Zahl, nur eine Frage: Trägt die App messbar zum Umsatz bei? Jede App, die das nicht kann, ist ein Kandidat zum Entfernen – inklusive der Skriptreste, die nach der Deinstallation im Theme bleiben.