Shopify Tipps & Tricks

Shopify Speed Optimierung: Theme auditieren

20. April 2026 · 5 Minuten Lesezeit

Mark Chang

Founder & CTO

Ein langsamer Shopify-Store kostet dich Umsatz. Studien zeigen: Jede Sekunde zusätzliche Ladezeit kann die Conversion Rate um bis zu 20 % senken. Google berücksichtigt Ladegeschwindigkeit als Rankingfaktor. Und Kunden, die auf das Laden warten, springen ab, oft ohne wiederzukommen.

Das Gute: Die meisten Performance-Probleme bei Shopify-Stores lassen sich systematisch aufspüren und beheben. Dieser Guide zeigt dir Schritt für Schritt, wie du deinen Store auditierst und die häufigsten Ursachen für langsame Ladezeiten beseitigst.

Schritt 1: Den Status quo messen

Bevor du irgendetwas änderst, brauchst du eine verlässliche Ausgangsmessung. Bauchgefühl hilft hier nicht, du brauchst Daten.

Die wichtigsten Tools:

Google PageSpeed Insights (pagespeed.web.dev): kostenlos, zeigt Core Web Vitals für Mobile und Desktop getrennt, mit konkreten Verbesserungsvorschlägen
Shopify Speed Score: im Shopify Admin unter Online Store → Themes → Theme anpassen → oben links sichtbar. Shopify berechnet diesen Score auf Basis von Google Lighthouse
GTmetrix: detaillierter Wasserfallchart, zeigt genau welche Ressourcen wie lange zum Laden brauchen
WebPageTest: ermöglicht Tests von verschiedenen Standorten und Verbindungsgeschwindigkeiten, gut für DACH-relevante Tests aus Deutschland oder Wien

Die Core Web Vitals im Überblick:

LCP (Largest Contentful Paint): wie lange dauert es, bis das größte sichtbare Element geladen ist? Ziel: unter 2,5 Sekunden
CLS (Cumulative Layout Shift): springen Elemente beim Laden? Ziel: unter 0,1
INP (Interaction to Next Paint): wie reaktionsschnell ist die Seite auf Nutzereingaben? Ziel: unter 200 ms

Messe immer auf Mobile, der Großteil des Shopify-Traffics kommt von Smartphones, und Google bewertet primär die Mobile-Version.

Schritt 2: Die häufigsten Ursachen identifizieren

Shopify-Stores werden aus denselben Gründen langsam. Hier sind die häufigsten Übeltäter:

Zu viele installierte Apps

Jede Shopify-App, die etwas im Frontend anzeigt, lädt Daten in deinen Store, auch wenn du sie kaum nutzt. 20 Apps bedeuten oft 20 zusätzliche Skripte, von denen viele das Laden der Seite verlangsamen. Gehe in deinen Admin und zähle, wie viele Apps du installiert hast. Dann frage dich: Welche nutzt du wirklich aktiv?

Nicht optimierte Bilder

Das häufigste einzelne Problem. Produktbilder mit 5-10 MB, die direkt aus der Kamera hochgeladen werden, sind der schnellste Weg zu einem langsamen Store. Prüfe mit GTmetrix, ob große Bilder der Flaschenhals sind.

Zu viele Skripte auf der Seite

Jede App, jedes Tracking-Pixel und jedes externe Tool, das auf deiner Seite läuft, lädt zusätzlichen Code nach. Viele dieser Skripte blockieren den Browser beim Aufbau der Seite, das betrifft vor allem ältere App-Integrationen und manuell hinzugefügte Skripte.

Unnötig großes Theme

Premium-Themes sind feature-reich, aber genau das macht sie schwer. Wenn du 10 % der Funktionen eines Themes nutzt und 90 % mitlädst, zahlst du den Performance-Preis für Features, die du nie verwendest.

Externe Schriftarten

Externe Schriften bedeuten einen zusätzlichen Ladevorgang von einem fremden Server. Bei langsamen Verbindungen kann das spürbare Verzögerungen verursachen. System-Schriften sind immer schneller.

Veralteter Theme-Code

Ineffizienter Theme-Code verlangsamt den Server-seitigen Render, das bedeutet, deine Kunden warten länger, bevor sie überhaupt irgendetwas auf der Seite sehen.

Schritt 3: Die häufigsten Probleme beheben

Du musst kein Entwickler sein, um viele dieser Fixes umzusetzen. Hier sind die wirkungsvollsten Maßnahmen, sortiert nach Aufwand.

Bilder verkleinern bevor du sie hochlädst

Das ist der einfachste Fix mit dem größten Effekt. Bevor du ein Bild in Shopify hochlädst, verkleinere es mit einem kostenlosen Tool wie Squoosh.app oder TinyPNG. Ein Produktbild sollte nicht größer als 200-300 KB sein. Wenn du Bilder direkt von der Kamera oder aus Photoshop hochlädst, sind sie oft 10x so groß wie nötig.

Nicht genutzte Apps deinstallieren

Gehe in deinen Shopify Admin unter Apps und schau, was installiert ist. Jede App, die etwas auf deiner Seite anzeigt, lädt Daten nach, auch wenn du die App kaum nutzt. Eine einfache Regel: Wenn du eine App in den letzten 90 Tagen nicht aktiv genutzt hast, deinstalliere sie. Du wirst überrascht sein, wie viel schneller dein Store danach ist.

App-Blöcke auf den richtigen Seiten aktivieren

Viele Apps sind auf jeder Seite aktiv, auch dort, wo sie gar nicht gebraucht werden. Im Shopify Theme Editor kannst du für jede Seite einzeln einstellen, welche App-Blöcke angezeigt werden. Eine Bewertungs-App muss zum Beispiel nicht auf der Startseite laden, wenn sie nur auf Produktseiten sichtbar ist.

Schriftarten reduzieren

Wenn dein Theme mehrere externe Schriftarten lädt, kostet das Ladezeit. Im Theme Editor unter „Typografie“ kannst du auf System-Schriften umstellen, das sind Schriften, die direkt auf dem Gerät des Nutzers vorhanden sind (wie Arial oder Georgia) und nicht erst geladen werden müssen. Das klingt nach einem kleinen Detail, kann aber 200-400 ms Ladezeit einsparen.

Weniger Funktionen auf der Startseite

Animierte Banner, Countdown-Timer, Live-Chat, Newsletter-Popup, Instagram-Feed, Produktempfehlungen, alles auf einmal. Jede dieser Funktionen kostet Ladezeit. Frage dich für jedes Element auf deiner Startseite: Trägt es wirklich zur Conversion bei? Weniger ist hier oft mehr.

Den Theme Editor nutzen statt Code anzufassen

Viele Performance-Einstellungen sind bereits direkt im Theme Editor zugänglich, ohne dass du eine einzige Zeile Code anfassen musst. Schau unter „Theme-Einstellungen“ nach Optionen wie „Lazy Loading“, „Bildqualität“ oder „Animationen deaktivieren“. Viele Themes haben diese Schalter eingebaut, und sie machen einen echten Unterschied.

Schritt 4: Ergebnisse validieren

Nach jeder Änderung erneut messen. Führe den PageSpeed-Test mindestens dreimal durch und bilde den Durchschnitt, Einzelmessungen können stark schwanken. Dokumentiere Vorher/Nachher-Werte für LCP, CLS und INP separat für Mobile und Desktop.

Ein realistisches Ziel für einen gut optimierten Shopify-Store:

LCP unter 2,5 Sekunden auf Mobile bei 4G
Shopify Speed Score über 50 (über 70 ist exzellent)
CLS unter 0,1 - keine sprunghaften Layout-Verschiebungen

Wann ein Audit nicht mehr ausreicht

Manchmal ist das Problem nicht ein einzelner Fix, es ist das Theme selbst. Wenn ein Theme strukturell falsch aufgebaut ist, zu viel unnötigen Code mitbringt oder auf einer veralteten Architektur basiert, stößt du mit Optimierungen irgendwann an eine harte Grenze.

Typische Zeichen, dass dein Theme das eigentliche Problem ist:

Der Speed Score bleibt unter 30, egal was du optimierst
Das Theme wurde vor 2021 entwickelt und nie grundlegend überarbeitet
Du nutzt ein stark angepasstes Premium-Theme, das mit jedem Update instabiler wird
Jede neue Funktion erfordert eine neue App, weil das Theme keine Flexibilität bietet

In diesen Fällen ist ein Custom Theme keine Luxuslösung, es ist die wirtschaftlich sinnvollere Entscheidung. Ein sauber entwickeltes Custom Theme lädt schneller, lässt sich leichter warten, braucht weniger Apps und wächst mit deinem Business.

Bei shoplab bauen wir Shopify-Themes von Grund auf, schlank, performant und exakt auf deine Marke und deine Ziele zugeschnitten. Keine ungenutzten Features, kein aufgeblähter Code. Mehr über unsere Shopify-Entwicklung erfährst du hier.

Wie sich ein von Grund auf gebautes Theme auf Ladezeit und Pflegeaufwand auswirkt, lässt sich am Shop von PERGOLUX nachvollziehen.

Fazit: Geschwindigkeit ist keine Frage des Glücks

Ein schneller Shopify-Store entsteht nicht von selbst. Er ist das Ergebnis bewusster Entscheidungen: welche Apps installiert sind, wie Bilder eingebunden werden, wie das Theme strukturiert ist und wie der Code aufgebaut ist.

Fang mit dem Audit an. Messe, identifiziere, fix, und messe erneut. Wenn du dabei feststellst, dass dein Theme der Flaschenhals ist, ist das keine schlechte Nachricht. Es ist eine klare Diagnose, auf der du aufbauen kannst - und wenn du sie einmal von außen gegengeprüft haben willst, melde dich.

Sichere dir eine kostenlose Beratung

Kompetente Beratung, zugeschnitten auf dein Shopify-Business.

Noch Fragen?

Lass uns das klären!

Wir haben die häufigsten Fragen samt Antworten gesammelt, damit du unsere Services besser einschätzen kannst.

Noch eine Frage offen?

Lass uns telefonieren und sie klären.

Ja. Wir arbeiten seit 2020 ausschließlich mit Shopify und Shopify Plus, und dorthin sind wir gekommen, indem wir andere Plattformen abgesagt haben. Der Tausch ist bewusst: Ein Team, das jeden Tag dieselbe Plattform sieht, weiß, welches Problem eine native Lösung hat, welches eine App braucht und welches Custom Code - dadurch fließt weniger von deinem Budget in das Wiederfinden dieser Antwort. Und wir folgen Shopifys eigenen Konventionen, statt Muster aus Magento oder WooCommerce zu übertragen. Genau das hält einen Shop nach der Übergabe updatefähig.

Strategie & Beratung, Custom Shopify Theme-Entwicklung, Custom App-Entwicklung, Shop-Migrationen, UX/UI Design, Integrationen & Middleware, laufendes Store Management und AI E-Commerce Readiness. Die meisten Projekte kombinieren drei oder vier davon: An einer Migration hängen meist eine ERP-Integration und ein Redesign, und ein Redesign legt meist ein Performance-Problem frei. Alles läuft über ein Team, dadurch werden eine Design-Entscheidung und ihre Konsequenz in der Entwicklung gemeinsam geklärt statt zwischen zwei Agenturen verhandelt.

Absolut, und es ist einer der häufigsten Einstiege zu uns. Wir auditieren zuerst den bestehenden Shop - Conversion-Pfad, Seiten-Performance und die Templates, die den größten Umsatz tragen - und gestalten dann gegen das, was das Audit gefunden hat, statt gegen ein Moodboard. Produkte, Kunden, Bestellungen und URL-Struktur bleiben, wo sie sind, damit Rankings und Shopdaten nicht in Gefahr geraten. Ein Redesign kann auch gestaffelt live gehen: erst die Seiten, die verkaufen, der Rest danach. So siehst du die Wirkung, bevor das ganze Budget gebunden ist.

Ja, von Grund auf und nicht als umgefärbtes Marketplace-Template. Ein Custom Theme heißt: genau die Sections, die dein Merchandising-Team wirklich braucht, im Theme-Editor pflegbar ohne Entwickler, und kein geerbter Code für Funktionen, die du nie nutzen wirst. Der letzte Punkt ist das Performance-Argument: Themes von der Stange tragen die Summe aller Use Cases mit sich, für die sie verkauft wurden, und du bezahlst das bei jedem Seitenaufruf in den Core Web Vitals. Wir bauen gegen deinen Katalog und dein Content-Modell und übergeben Dokumentation, damit dein Team den Shop selbst betreiben kann.

Ja - WooCommerce, Magento, Shopware und andere Plattformen, in einem gestaffelten Prozess mit minimalem Risiko. Produkte, Varianten, Kunden und Bestellhistorie kommen mit, und jede indexierte URL bekommt einen gemappten 301, damit die Rankings, die du dir erarbeitet hast, den Umzug überleben. Über die Dauer entscheidet selten die Katalogröße: Es sind Datenstrukturen ohne direktes Shopify-Gegenstück (Bundles, konfigurierbare Produkte, kundenspezifische Preise) und die Systeme, mit denen dein Shop spricht. Beides inventarisieren wir, bevor ein Cutover-Datum steht. Deshalb enden unsere Migrationen nicht mit einer Redirect-Liste, die in der Nacht vor dem Launch entsteht.

Das hängt vom Umfang ab: Fokussierte Optimierungen dauern oft 4-6 Wochen, komplette Custom Builds oder Migrationen typischerweise 8-16 Wochen. Ein Shop auf konfigurierter Theme-Basis ist meist in 4-8 Wochen live, eine vollständig individuelle Storefront eher in 10-16. Vor dem Start bekommst du eine Timeline mit definierten Meilensteinen, und diese Meilensteine sind gestaffelte Releases statt eines einzigen Launch-Termins am Ende - eine Verzögerung an einer Stelle schiebt also nicht alles Übrige nach hinten. Am stärksten bewegen späte Scope-Erweiterungen und Integrationen, die zu Beginn niemand inventarisiert hat.

Immer. Wir designen Mobile-First, weil dort der Großteil des E-Commerce-Traffics liegt und der größte Teil der Conversion verloren geht. Jeder Shop wird auf echten Geräten getestet, nicht nur im verkleinerten Browserfenster, und vor dem Livegang gegen die Core Web Vitals gemessen - Largest Contentful Paint, Interaktionslatenz, Layout Shift. Die meiste Aufmerksamkeit bekommen Bildhandling, Font-Loading und Drittanbieter-Skripte, denn meist sind es Apps, die aus einem schnellen Theme einen langsamen Shop machen. Performance ist hier eine Launch-Bedingung und kein Ticket für danach.

Ja. Unsere Store-Management-Pläne decken Shopify- und App-Updates, iterative Verbesserungen, Testing und technischen Support ab, in einem monatlichen Umfang, den du anpassen kannst, wenn sich Prioritäten verschieben. Die meisten Shops brauchen die ersten Wochen nach dem Launch stärker als erwartet: Echter Traffic findet Sonderfälle, die Staging nie erzeugt hat, und die Analytics fangen erst mit Volumen an, die Wahrheit zu sagen. Danach besteht die laufende Arbeit meist aus Conversion-Iterationen auf den umsatztragenden Templates, Support für saisonale Kampagnen und dem Aktuellhalten des Themes, wenn Shopify Plattformänderungen ausliefert.

Auf jeden Fall, und wir sagen es dir auch, wenn ein Rebuild nicht die richtige Entscheidung ist. Wir arbeiten oft in fokussierten Iterationen - ein Conversion-Audit, Performance-Optimierung oder das Redesign der wenigen Templates, die den Großteil des Umsatzes tragen - ausgeliefert als gestaffelte Releases mit messbaren Ergebnissen statt als Big-Bang-Relaunch. Für einen Shop, der bereits konvertiert, ist das meist die bessere Rechnung: Du behältst, was funktioniert, investierst dort, wohin die Daten zeigen, und vermeidest das Risikofenster, das ein kompletter Replatform öffnet. Ein Rebuild lohnt sich, wenn das darunterliegende Theme oder Datenmodell die eigentliche Grenze ist.

Buche einen kostenlosen Strategie-Call - rund dreißig Minuten, und was dabei herauskommt, behältst du in jedem Fall. Wir fragen, was du heute betreibst: Plattform, Katalogstruktur, angebundene Systeme, und was nach dem Projekt besser sein soll. Daraus bekommst du ein schriftliches Angebot mit Umfang, Timeline und Preis, mit benannten Arbeitsblöcken statt einer einzigen Zahl. Wenn das Gespräch zeigt, dass du weniger brauchst als ein Agenturprojekt, sagen wir dir das auch. Das ist für beide Seiten das günstigere Gespräch, als es im zweiten Monat zu merken.

Mehr Fragen lesen

Shopify Speed Optimierung: Theme auditieren