Die sofortige Lösung (bevor wir uns darauf einlassen)
Bevor Sie Stunden damit verbringen, einzelne Ursachen zu diagnostizieren, probieren Sie die Ein-Klick-Lösung aus, die die meisten davon automatisch behebt:
Thunder behebt 7 dieser 10 Ursachen automatisch:
Kostenloser Plan · 30-Sekunden-Installation · Durchschnittlich +27 PageSpeed-Punkte
Für die verbleibenden Ursachen (übrig gebliebener App-Code, Liquid-Schleifen, Aufblähen der Homepage) ist ein manueller Eingriff erforderlich. Überprüfen Thunders Preispläne , um zu sehen, welche Optimierungen auf jeder Stufe enthalten sind. Gehen wir nun alle 10 durch.
Not Sure What's Slowing Your Store?
Get a free speed analysis showing exactly which apps and scripts hurt your Core Web Vitals — with personalized fixes.
Free · Takes ~60 seconds · Report delivered to your inbox
Analyzing your store...
This usually takes 30-60 seconds
Report Sent!
Check your inbox in 2-3 minutes. We've sent a detailed speed report with personalized recommendations.
Leftover Code from Uninstalled Apps
Auswirkungen: Hoch – kann 500–2 Sekunden unnötige Ladezeit hinzufügen
Dies ist der versteckte Geschwindigkeitskiller Nr. 1. Wenn Sie eine Shopify-App deinstallieren, Der Code bleibt oft in Ihrem Theme zurück. Skript-Tags in theme.liquid, CSS-Dateien in Ihrem Assets-Ordner, Liquid Snippets im Snippets-Verzeichnis – alle werden weiterhin bei jedem Seitenaufruf geladen, was Ihren Store für eine App verlangsamt, die Sie nicht mehr verwenden.
We've seen stores with code from 10+ uninstalled apps still loading. Each one adds JavaScript and CSS that the browser has to download, parse, and execute — even though the app does nothing.
⚡ Thunder Fix
Thunder verzögert alle Skripte – einschließlich verwaister App-Skripte – damit sie das Rendern nicht blockieren. Während der Code noch geladen wird, hat dies keinen Einfluss auf Ihren PageSpeed-Score oder die anfängliche Ladezeit. Für eine vollständige Lösung sollten Sie den Code dennoch manuell entfernen.
🔧 Manuelle Korrektur
Öffnen Sie Ihren Theme-Editor. Suchen theme.liquid für Skript-Tags, die auf Apps verweisen, die Sie entfernt haben. Überprüfen Sie die Schnipsel/ und Abschnitte/ -Ordner für App-bezogene Dateien. Duplizieren Sie immer zuerst Ihr Theme. Entfernen Sie jeglichen Code, der auf deinstallierte Apps verweist.
Renderblockierende Skripte von Drittanbietern
Auswirkungen: Sehr hoch – normalerweise der größte Geschwindigkeitskiller (fügt 1–4 Sekunden hinzu)
Jede Shopify-App, die etwas in Ihrem Shop anzeigt (Bewertungen, Pop-ups, Chat, Upsells), fügt JavaScript ein blocks your page from rendering. Der Browser muss jedes Skript herunterladen, analysieren und ausführen, bevor er den Inhalt Ihrer Seite anzeigen kann.
Fünf Apps können problemlos 1–3 Sekunden Blockierungszeit hinzufügen. Aus diesem Grund erreichen Shops mit vielen Apps selbst bei einem schnellen Theme 20–35 Punkte bei PageSpeed – die Skripte überwältigen alles andere. Wenn Sie eine umfassendere Fixliste wünschen, lesen Sie unseren Leitfaden unter So beschleunigen Sie Ihren Shopify-Shop.
⚡ Thunder Fix
Die App-Erkennungs-Engine von Thunder erkennt über 200 Shopify-App-Skripte und weist jedes einzelne mit app-spezifischen Strategien zurück. Es weiß, welche Skripte bis nach der Interaktion verzögert werden können und welche vor bestimmten Seitenabschnitten geladen werden müssen. Dies ist der größte Vorteil von Thunder – keine manuelle Konfiguration erforderlich.
🔧 Manuelle Korrektur
Hinzufügen aufschieben oder asynchron zum Skripten von Tags in Ihrem Theme. Warnung: Dadurch wird häufig die App-Funktionalität beeinträchtigt. Die Skripte jeder App haben unterschiedliche Abhängigkeiten – sie verschieben Pop-ups zu falschen Pausen von Klaviyo und die Bewertungen falscher Pausen von Judge.me. Umfangreiche Tests erforderlich.
Nicht optimierte CSS-Bereitstellung
Auswirkungen: Hoch – verzögert die erste Farbe um 500 ms–1,5 s
Die CSS-Datei Ihres Themes muss vollständig heruntergeladen werden, bevor der Browser etwas rendern kann. Ein typisches Shopify-Theme enthält 200–500 KB CSS, für den ersten Ansichtsbereich (above-the-fold-Inhalt) werden jedoch nur 10–20 % benötigt. Ihre Besucher warten auf CSS, das sie noch nicht benötigen.
Die Lösung besteht darin, das kritische CSS zu extrahieren (genau das, was für den ersten Bildschirm benötigt wird), es direkt in den HTML-Code zu integrieren und das vollständige Stylesheet asynchron zu laden. Dies ist eine der wirkungsvollsten Optimierungen – und eine der am schwierigsten manuell durchzuführenden.
⚡ Thunder Fix
Thunder generiert automatisch kritisches CSS für jede Seitenvorlage (Homepage, Produkt, Sammlung usw.), fügt es in den HTML-Kopf ein und lädt das vollständige Stylesheet asynchron. Wird automatisch neu generiert, wenn sich Ihr Thema ändert.
🔧 Manuelle Korrektur
Verwenden Sie ein Tool wie Critical (npm-Paket), um „above-the-fold“-CSS zu extrahieren. Integrieren Sie es in theme.liquid und laden Sie dann das vollständige Stylesheet mit media="print" onload="this.media='all'". Muss jedes Mal aktualisiert werden, wenn Sie Ihr Thema ändern. Je nach Vorlage unterschiedlich.
Zu viele Web-Schriftarten (oder falsche Ladestrategie)
Auswirkungen: Mittel-Hoch – fügt 300 ms–1,5 s hinzu und führt zu einer Layoutverschiebung
Benutzerdefinierte Web-Schriftarten sind eine der heimtückischsten Leistungseinbußen. Für jede Schriftstärke (normal, fett, kursiv) muss eine separate Datei heruntergeladen werden – normalerweise jeweils 20–100 KB. Ein Design, das 4 Strichstärken einer Google-Schriftart verwendet, lädt 80–400 KB an Schriftdaten, bevor der Text sichtbar ist.
Schlimmer noch, ohne Schriftartenanzeige: tauschen, zeigt der Browser an unsichtbarer Text (FOIT – Flash of Invisible Text), bis Schriftarten geladen werden. Ihre Besucher starren auf eine leere Seite und fragen sich, ob der Laden kaputt ist.
⚡ Thunder Fix
Thunder fügt Font-Display: Swap hinzu, um unsichtbaren Text zu verhindern, lädt Ihre primäre Schriftartdatei für ein schnelleres Laden vor und optimiert die Kaskade zum Laden von Schriftarten. Der Text wird sofort in einer Ersatzschriftart angezeigt und wechselt dann zu Ihrer benutzerdefinierten Schriftart, wenn er fertig ist.
🔧 Manuelle Korrektur
Beschränkung auf maximal 2 Schriftstärken (normal + fett). Selbsthostende Schriftarten anstelle von Google Fonts. Hinzufügen Schriftartenanzeige: tauschen zu @font-face-Regeln. Laden Sie Ihre primäre Schriftart mit vor . Berücksichtigen Sie Systemschriftarten für maximale Geschwindigkeit.
Übermäßige Flüssigkeitsvorlagenschleifen
Auswirkungen: Mittel – erhöht die Serverantwortzeit (TTFB) um 200 ms–1 s+
Dieses Problem ist in den PageSpeed-Ergebnissen unsichtbar, wirkt sich aber auf alles nachgelagerte aus. Komplexe Liquid-Schleifen – wie das Durchlaufen aller Produkte in einer großen Sammlung, verschachtelte Schleifen für Variantenoptionen oder das Ausführen von Metafeld-Suchen innerhalb von Schleifen – belasten die Server von Shopify und erhöhen so Ihre Zeit bis zum ersten Byte (TTFB). Unser Shopify-Leitfaden zur langsamen Diagnose erläutert, wie Sie genau feststellen können, welche Vorlagen den Engpass verursachen.
Eine Produktseitenvorlage, die 100 Produkte für „Ihnen könnte auch gefallen“-Empfehlungen durchläuft, jedes mit verschachtelten Variantenschleifen, kann TTFB um mehr als 500 ms verlängern. Das verzögert alles – FCP, LCP, den gesamten Wasserfall.
⚡ Thunder Fix
Thunder kann die Liquid-Komplexität nicht direkt beheben (was Änderungen am Theme-Code erfordert). Die anderen Optimierungen kompensieren dies jedoch – eine schnellere CSS/JS-Bereitstellung gleicht die Zeit aus, die durch langsame Serverreaktionen verloren geht.
🔧 Manuelle Korrektur
Reduzieren Sie die Produktanzahl auf der Sammlungsseite (12–16 statt 48+). Verwenden Sie Paginierung. Vermeiden Sie verschachtelte Liquid-Schleifen. Minimieren Sie Metafeld-Suchen innerhalb von Schleifen. Verwenden Sie Shopify -Grenze Filter auf Forloops. Erwägen Sie das Laden von AJAX für die Abschnitte „Verwandte Produkte“.
Nicht optimierte Heldenbilder
Auswirkungen: Hoch – Heldenbild ist normalerweise das LCP-Element (fügt 1–4 Sekunden zum LCP hinzu)
Ihr Helden-/Bannerbild ist fast immer das Größtes Contentful Paint (LCP)-Element – die Kennzahl, die Google am meisten am Herzen liegt. Wenn es nicht optimiert ist (große Dateigröße, falsche Abmessungen, nicht vorinstalliert), belastet es direkt Ihren LCP-Score, der 25 % Ihres gesamten PageSpeed-Scores ausmacht.
Häufige Fehler: Hochladen eines 4000 x 3000 Pixel großen Bilds, wenn der Anzeigebereich 1600 x 600 Pixel beträgt, JPEG anstelle von WebP verwenden, Hero nicht vorab laden und das Hero-Bild verzögert laden (so sollte es sein). eifrig-geladen, da es über dem Falz liegt). Weitere Informationen zu den einzelnen Bildtechniken finden Sie in unserem Shopify-Bildoptimierung Anleitung.
⚡ Thunder Fix
Thunder lädt das Heldenbild mit hoher Priorität vor, stellt sicher, dass es eifrig geladen wird (nicht verzögert geladen), und optimiert die Ladekaskade, damit das Heldenbild so früh wie möglich heruntergeladen wird.
🔧 Manuelle Korrektur
Passen Sie die Größe von Heldenbildern an die tatsächliche Anzeigegröße an. Auf unter 200 KB komprimieren. Verwenden Sie das WebP-Format (Shopify konvertiert automatisch, wenn Sie es verwenden image_tag
Der). Hinzufügen Loading="eager" fetchpriority="high" zum Heldenbild. Fügen Sie im Kopf einen Preload-Link hinzu.
Fehlende Preconnect-Hinweise
Auswirkungen: Mittel – spart 100–300 ms pro Drittanbieter-Domain
Every time your store loads a resource from a third-party domain (fonts from Google, scripts from Klaviyo, images from a CDN), the browser needs to perform DNS lookup + TCP connection + TLS handshake. This takes 100–300ms per domain.
Preconnect-Hinweise weist den Browser an, diese Verbindungen frühzeitig zu starten – bevor er überhaupt erkennt, dass er sie benötigt. Die meisten Shopify-Shops stellen eine Verbindung zu 5–15 Drittanbieter-Domains her, verbinden sich jedoch vorab mit null davon.
⚡ Thunder Fix
Thunder erkennt automatisch, mit welchen Drittanbieter-Domains Ihr Shop eine Verbindung herstellt, und fügt Preconnect-Hinweise für die kritischen Domains hinzu. Wird automatisch aktualisiert, wenn sich Ihre Apps ändern.
🔧 Manuelle Korrektur
Hinzufügen <link rel="preconnect" href="https://domain.com"> zu Ihrem theme.liquid-Kopf für kritische Drittanbieter-Domains. Gängige: Fonts.googleapis.com, cdn.shopify.com, cdn.klaviyo.com. Beschränken Sie sich auf 4–6 Preconnects – zu viele können nach hinten losgehen.
Langsame DNS-Auflösung
Auswirkungen: Mittel – fügt 50–500 ms hinzu, bevor etwas geladen wird
Bevor Ihr Shop überhaupt geladen werden kann, muss der Browser des Besuchers Ihren Domainnamen in eine IP-Adresse auflösen. Wenn Ihr DNS-Anbieter langsam ist, führt dies zu Verzögerungen jeder einzelne Seitenladevorgang.
Viele Händler verwenden das Standard-DNS ihres Domain-Registrars, das oft langsam ist. Durch ein Upgrade auf einen schnellen DNS-Anbieter (wie Cloudflare DNS) kann jeder Seitenladevorgang um 100–300 ms verkürzt werden – völlig kostenlos.
⚡ Thunder Fix
Thunder kann Ihren DNS-Anbieter nicht ändern, aber seine anderen Optimierungen (Preconnect, Ressourcenpriorisierung) minimieren die Auswirkungen von DNS auf nachfolgende Ressourcenlasten während der Seite.
🔧 Manuelle Korrektur
Wechseln Sie zu Cloudflare DNS (kostenlos). Gehen Sie zu Ihrem Domain-Registrar und aktualisieren Sie die Nameserver auf die von Cloudflare. Dies allein kann die TTFB um 100–300 ms verbessern. Cloudflare fügt außerdem kostenlos eine globale CDN-Ebene hinzu. Der Aufbau dauert etwa 15 Minuten.
Überlastung des Homepage-Bereichs
Auswirkungen: Mittel-Hoch – jeder Abschnitt fügt HTML, CSS, JS und Bilder hinzu
Die abschnittsbasierten Themes von Shopify erleichtern das Hinzufügen von Inhaltsblöcken – Diashow, vorgestellte Sammlung, Testimonials, Instagram-Feed, Newsletter, Blogbeiträge, Video, Karte, Countdown-Timer … Bevor Sie es wissen, hat Ihre Homepage mehr als 15 Abschnitte.
Jeder Abschnitt fügt Ihrer Seite HTML, CSS, JavaScript und häufig Bilder hinzu. Eine Homepage mit 15 Abschnitten kann leicht eine Gesamtseitengröße von 3–5 MB haben. Mehr Abschnitte = mehr Code = langsameres Laden.
⚡ Thunder Fix
Thunder lädt Offscreen-Bilder verzögert und verschiebt unkritische Skripte in unten liegende Abschnitte, wodurch die Auswirkungen auf das anfängliche Laden verringert werden. Aber der HTML- und CSS-Code für alle Abschnitte wird weiterhin geladen – das Reduzieren von Abschnitten ist die einzig wahre Lösung.
🔧 Manuelle Korrektur
Überprüfen Sie Ihre Homepage-Bereiche. Behalten Sie maximal 5–8. Entfernen oder konsolidieren Sie Abschnitte mit geringem Wert. Fragen Sie: „Hilft dieser Abschnitt den Besuchern beim Kauf?“ Wenn nicht, sollten Sie darüber nachdenken, es zu entfernen. Weniger Abschnitte = schnellere Homepage = besserer erster Eindruck.
Inline-JavaScript in Liquid-Vorlagen
Auswirkungen: Mittel – blockiert das Rendern und verhindert das Browser-Caching
Viele Shopify-Themes und -Apps integrieren <script> -Tags direkt in Liquid-Vorlagen – nicht als externe Dateien, sondern als Inline-Codeblöcke. Dieser Code blockiert das Rendern, kann nicht vom Browser zwischengespeichert werden (er lädt jede Seite neu) und kann nicht mit einem einfachen verzögert werden aufschieben -Attribut.
Inline-Skripte sind besonders knifflig, da sie oft von Liquid-Variablen (wie Produktdaten) abhängen und daher nicht einfach in eine externe Datei verschoben werden können.
⚡ Thunder Fix
Thunder fängt Inline-Skripte ab und verschiebt sie, wenn dies sicher ist, und verwendet dabei seine App-Erkennungs-Engine, um Abhängigkeiten zu verstehen. Skripte, die von Liquid-Daten abhängen, werden sorgfältig behandelt, um die Funktionalität aufrechtzuerhalten und gleichzeitig die Auswirkungen auf das Rendering zu minimieren.
🔧 Manuelle Korrektur
Inline-Skripte einschließen DOMContentLoaded oder requestIdleCallback. Verschieben Sie nicht Liquid-abhängigen Code in externe Dateien. Benutzen type="module" für modernen Code. Erfordert sorgfältige Tests – Inline-Skripte weisen häufig versteckte Abhängigkeiten auf.
Das Fazit
Most slow Shopify stores suffer from multiple hidden causes at once. The good news: Sie müssen nicht alle 10 manuell reparieren. Thunder verarbeitet die 7 wirkungsvollsten automatisch und die restlichen 3 (übrig gebliebener App-Code, Liquid-Schleifen, Abschnittsüberladung) sind einfache manuelle Korrekturen. Eine vollständige Anleitung finden Sie unter unser vollständiger Leitfaden zur Shopify-Geschwindigkeitsoptimierung.
Schnellaktionsplan
- Installieren Sie Thunder (kostenlos, 30 Sekunden) – behebt sofort die Ursachen Nr. 2, Nr. 3, Nr. 4, Nr. 6, Nr. 7, Nr. 10 und teilweise Nr. 1
- Bereinigen Sie übrig gebliebenen App-Code (30 Minuten) – Theme nach deinstallierten App-Snippets durchsuchen
- Homepage-Bereiche reduzieren (10 Minuten) – streben Sie maximal 5–8 Abschnitte an
- Wechseln Sie zu Cloudflare DNS (15 Minuten) – kostenlos, verbessert TTFB weltweit
- Flüssigkeitskreisläufe optimieren (falls technisch) – Sammlungsgrößen reduzieren, verschachtelte Schleifen vermeiden
Beginnen Sie mit der größten Wirkung und der schnellsten Lösung
Thunder führt die schwierigsten Geschwindigkeitsoptimierungen automatisch durch. Die meisten Geschäfte erreichen in weniger als einer Minute +27 PageSpeed-Punkte.
Reparieren Sie jetzt Ihren Slow Store – kostenlos →Kostenloser Plan · Keine Kreditkarte · Funktioniert mit allen Themes
🔄 Update März 2026: Neue Geschwindigkeits-Benchmarks
- → INP ist wichtiger denn je. Googles Kernupdate vom Dezember 2025 bestrafte Websites mit INP-Werten über 300 ms – was zu einem Ranking-Rückgang von 31 % auf Mobilgeräten führte. Umfangreiche Skripte von Drittanbietern sind die häufigste Ursache für schlechtes INP. Sehen Sie sich unsere an Shopify INP-Fix-Anleitung.
- → 40 % der Benutzer verlassen Websites, die in mehr als 3 Sekunden geladen werden (Daten für 2025). Da der durchschnittliche Shopify-Shop auf Mobilgeräten 25–35 Punkte erzielt, lassen die meisten Geschäfte Geld auf dem Tisch.
- → Der „Fix-it-once“-Ansatz funktioniert nicht. Jede neue App-Installation kann die Ladezeit um 200–500 ms verlängern. Kontinuierliche Leistungsüberwachung ist unerlässlich.
Neugierig, wie Ihr Geschäft im Vergleich abschneidet? Führen Sie einen kostenlosen Geschwindigkeitstest durch →
Häufig gestellte Fragen
Warum lädt mein Shopify-Shop so langsam?
The most common hidden causes are: leftover code from uninstalled apps, too many render-blocking scripts from active apps, unoptimized images, excessive Liquid template loops, render-blocking CSS, too many web fonts, slow DNS resolution, heavy homepage sections, unoptimized third-party scripts, and missing browser caching headers. Most stores have 3–5 of these issues simultaneously. Thunder Page Speed Optimizer fixes the majority of these automatically.
Wie finde ich heraus, was meinen Shopify-Shop langsam macht?
Führen Sie Ihren Shop über Google PageSpeed Insights (pagespeed.web.dev) und sehen Sie sich die Abschnitte „Chancen“ und „Diagnose“ an. Häufige Warnsignale: „Renderblockierende Ressourcen beseitigen“, „Nicht verwendetes JavaScript reduzieren“, „Bilder in der richtigen Größe anpassen“ und „Nicht verwendetes CSS reduzieren“. Sie können Ihren Theme-Code auch auf übrig gebliebene App-Snippets überprüfen und auf der Registerkarte „Netzwerk“ von Chrome DevTools sehen, welche Skripte am längsten zum Laden brauchen.
Verlangsamt Shopify selbst meinen Shop?
Teilweise. Die Plattformskripte von Shopify (Bezahlvorgang, Analyse, Zahlungsabwicklung) verbrauchen einen Grundbetrag Ihres Leistungsbudgets. Sie können diese nicht entfernen – sie sind für die Funktion Ihres Shops erforderlich. Allerdings ist der Plattformaufwand im Vergleich zu dem, was Themes und Apps hinzufügen, gering. Die gute Nachricht ist, dass Thunder die Kernskripte von Shopify optimiert und alles verschiebt, was sicher verzögert werden kann.
Kann die Deinstallation von Shopify-Apps meinen Shop beschleunigen?
Yes, but with an important caveat: uninstalling an app from the Shopify admin doesn't always remove its code from your theme. Many apps inject script tags, CSS, and Liquid snippets into your theme.liquid and snippets folder. You need to manually check for and remove this leftover code. Thunder takes a different approach — instead of removing apps, it optimizes how their scripts load.
Wie viele Apps sind zu viele für die Shopify-Geschwindigkeit?
There's no magic number — it depends on what the apps do. Five well-optimized apps can be lighter than two poorly coded ones. The real issue is how many scripts each app injects into your storefront. Apps that add pop-ups, chat widgets, analytics, and review systems tend to be the heaviest. Thunder's app detection engine optimizes scripts from 200+ apps, so you can keep the apps you need without the speed penalty.
Wird ein schnelleres Shopify-Theme mein langsames Laden beheben?
Ein Design legt Ihren Leistungsgrundwert fest, behebt jedoch nicht alle Geschwindigkeitsprobleme. Selbst das schnellste Theme (wie Dawn) kann langsam sein, wenn Sie viele Apps, große, nicht optimierte Bilder oder umfangreiche Homepage-Bereiche haben. Das Wechseln von Themes ist ein großes Projekt – versuchen Sie zunächst, Ihr aktuelles Setup mit Thunder zu optimieren, das mit jedem Theme funktioniert.
Wie behebe ich übriggebliebenen App-Code in meinem Shopify-Theme?
Check your theme's theme.liquid file for script tags and link tags from apps you've uninstalled. Also check the snippets and sections folders for files named after removed apps. Be careful — removing the wrong code can break your store. Always duplicate your theme before making changes. If this sounds risky, Thunder automatically handles script optimization without modifying your theme code.
Beeinflusst die Bildgröße wirklich die Ladegeschwindigkeit von Shopify?
Absolut. Bilder sind in der Regel die größten Assets in jedem Shopify-Shop. Ein einzelnes, nicht optimiertes Heldenbild kann 2–5 MB groß sein, was auf Mobilgeräten eine Ladezeit von 2–5 Sekunden mit sich bringt. Best Practices: Komprimieren Sie Bilder auf unter 200 KB, verwenden Sie die integrierte WebP-Konvertierung von Shopify, legen Sie explizite Breiten- und Höhenattribute fest und laden Sie Bilder unterhalb der Falte verzögert. Thunder übernimmt das Lazy-Loading und das Vorladen von Heldenbildern automatisch.