Machen Shopify-Apps Ihren Shop langsam?
Ja, viele. Jede App, die im Shop sichtbar ist (Bewertungen, Chat, Popups, Upsells, Tracking-Pixel), bringt Skripte auf jede Seite, die mit dem Produktfoto konkurrieren. Apps, die nur im Shopify-Admin arbeiten, kosten nichts. Die Lösung ist selten, Apps zu löschen, die verkaufen: Finden Sie die schweren und ändern Sie die Reihenfolge, in der sie laden.
- 7 Tage kostenlos
- Ohne Code
- Jederzeit kündbar
Warum Apps einen Shopify-Shop ausbremsen
Eine im Shop sichtbare App fügt Ihrem Theme Code hinzu, über eine App-Einbettung, einen App-Block oder ein ins Theme kopiertes Skript. Das Smartphone jedes Kunden muss ihn herunterladen, lesen und ausführen, mit demselben Prozessor, der Ihre Produktseite aufbaut. Die meisten Shopify-Shops nutzen 7 bis 13 Apps, das summiert sich schnell.
Macht die Seite schwerer
Apps, die Kunden im Shop sehen
- Bewertungen und Sterne
- Live-Chat und Support-Bubbles
- Popups und Newsletter-Formulare
- Upsells, Bundles und Empfehlungen
- Tracking-Pixel und Heatmaps
- Page-Builder und Theme-Erweiterungen
Kostet nichts
Apps, die nur im Admin arbeiten
- Lager- und Bestandsabgleich
- Buchhaltung und Rechnungen
- Versandetiketten und Fulfillment
- Bestellverwaltung und Berichte
Sie laufen im Shopify-Admin, Kunden laden sie also nie herunter.
Was App-Code mit Ihren Core Web Vitals macht
-
LCP Largest Contentful Paint
Gut: 2,5 s oder weniger
Wann das größte Element im Bild erscheint, meist das Produktfoto. Skripte, die vor dem Foto laden und laufen, schieben es nach hinten.
-
INP Interaction to Next Paint
Gut: 200 ms oder weniger
Wie schnell die Seite auf einen Tipp reagiert, etwa auf die Größenwahl oder „In den Warenkorb“. Ein Smartphone, das mit App-Code beschäftigt ist, reagiert spät.
-
CLS Cumulative Layout Shift
Gut: 0,1 oder weniger
Wie stark die Seite beim Laden springt. Bewertungssterne, Banner und Widgets, die spät erscheinen, verschieben den Inhalt, den Kunden gerade lesen.
Die Grenzwerte von Google, gemessen am 75. Perzentil echter Besuche im Chrome UX Report (CrUX), den Daten, die PageSpeed Insights und die Search Console zeigen.
Welche Shopify-Apps am meisten bremsen
Entscheidend ist weniger die Zahl der Apps als das, was jede auf der Seite tut. Diese Arten kosten meist die meiste Ladezeit.
-
Bewertungen
Sterne auf jeder Produktkachel und eine Bewertungsliste mit Fotos. Viele laden ihr komplettes Skript und ihre Styles auf jeder Seite, auch dort, wo keine Bewertungen stehen.
-
Live-Chat und Helpdesk
Eine Chat-Bubble lädt meist eine komplette Messaging-App, bevor jemand sie öffnet. Oft ist sie eines der größten Skripte im Shop und wird in den ersten Sekunden selten gebraucht.
-
Popups und E-Mail-Erfassung
Sie laden auf jeder Seite, um zu entscheiden, ob sie erscheinen, oft mit eigenen Schriften und Bildern. Das Popup kommt vielleicht erst Sekunden später, sein Code läuft aber schon.
-
Upsells und Produktempfehlungen
Widgets neben dem Kaufen-Button holen Produkte und bauen sich erst nach dem Laden auf. Das kann Preis und Button verschieben, gerade wenn Kunden danach tippen.
-
Tracking-Pixel und Analytics
Werbe-Pixel, Analytics, Heatmaps und Session-Recorder führen jeweils auf jeder Seite ein Skript aus. Kunden sehen sie nie, also gibt es keinen Grund, sie vor dem Produkt zu laden.
-
Page-Builder und Theme-Add-ons
Mit einem Page-Builder gebaute Abschnitte bringen oft eine eigene Bibliothek und ein eigenes Stylesheet mit. Kleine Extras (Währungsumrechner, Größentabellen, Vertrauenssiegel, Wunschlisten) sind einzeln leicht, summieren sich aber.
So finden Sie die App, die Ihren Shop bremst
Alles kostenlos, und bis Sie Code löschen, brauchen Sie keine Entwicklung.
-
Eine Produktseite in PageSpeed Insights testen
Auf Produktseiten laufen die meisten Apps, testen Sie also eine davon, nicht nur die Startseite. Lesen Sie zuerst die Daten echter Besuche oben, dann „Nicht verwendetes JavaScript reduzieren“ und „Die Auswirkungen von Drittanbieter-Code reduzieren“: Beide listen Skripte nach Domain, und die meisten Apps erkennt man am Namen.
-
Das Netzwerk-Panel nach Domain sortieren
Öffnen Sie in Chrome die Entwicklertools auf einer Produktseite, wählen Sie Netzwerk, setzen Sie den Haken bei „Cache deaktivieren“ und laden Sie neu. Sortieren Sie nach Größe oder Domain: Was nicht von Ihrem Shop oder von Shopify kommt, ist fast immer eine App oder ein Pixel.
-
Ungenutzten Code unter Abdeckung prüfen
Öffnen Sie in den Entwicklertools über das Befehlsmenü das Panel Abdeckung und laden Sie neu. Es zeigt, wie viel von jedem Skript die Seite nie genutzt hat. Ein Bewertungs-Skript, das komplett auf einer Seite ohne Bewertungen lädt, ist ein schneller Gewinn.
-
Die App-Einbettungen im Theme öffnen
Gehen Sie in Shopify zu Onlineshop, Themes, Anpassen und dann zu App-Einbettungen. Jede aktivierte Einbettung lädt auf jeder Seite. Schalten Sie die für Apps aus, die Sie nicht mehr nutzen.
-
Nach Code alter Apps suchen
Apps, die auf den Theme-App-Erweiterungen von Shopify aufbauen, verschwinden mit der App. Ältere Apps, die Theme-Dateien bearbeitet haben, können Snippets und Script-Tags hinterlassen, die nach der Deinstallation weiter laden. Suchen Sie im Theme-Code nach dem Namen der App und fragen Sie deren Entwickler oder Ihren eigenen, bevor Sie etwas löschen.
-
Eine Sache ändern, dann neu testen
Duplizieren Sie Ihr Theme, schalten Sie in der Kopie eine Einbettung aus und vergleichen Sie die Vorschau in Lighthouse. Testen Sie jeweils mehrmals: Laborwerte schwanken von Lauf zu Lauf, und die Daten echter Besuche brauchen etwa 28 Tage, um nachzuziehen.
Die App entfernen oder behalten?
Apps zu löschen ist der übliche Rat, und für ungenutzte Apps stimmt er. Die meisten sichtbaren Apps sind aber da, weil sie etwas einbringen. Wer eine App entfernt, die verkauft, tauscht ein Ladezeit-Problem gegen ein Umsatz-Problem.
Entfernen, wenn
- Sie nutzen sie nicht mehr, oder es war ein vergessener Test
- Zwei Apps erledigen dieselbe Aufgabe (zwei Bewertungs-Apps, zwei Popup-Tools)
- Sie lädt überall, wird aber nur auf einer Seite gebraucht
- Niemand kann sagen, was sie einbringt
Behalten, wenn
- Bewertungen geben Kunden das Vertrauen zum Kauf
- Popups lassen die E-Mail-Liste wachsen, die später verkauft
- Der Chat beantwortet die Frage, die einen Kauf aufhält
- Upsells erhöhen den Warenkorbwert, Pixel versorgen Ihre Werbung
Bei den Apps, die Sie behalten, kostet vor allem der Zeitpunkt, zu dem sie laden, nicht dass sie laden. Eine Chat-Bubble, die in den ersten Sekunden niemand öffnet, muss nicht vor dem Produktfoto da sein.
Checkliste: Shopify-Apps und Ladezeit
- Listen Sie jede App unter Einstellungen, Apps und Vertriebskanäle auf und markieren Sie, ob sie im Shop sichtbar ist oder nur im Admin läuft.
- Deinstallieren Sie Apps, die Sie nicht mehr nutzen, und prüfen Sie das Theme auf zurückgelassenen Code.
- Schalten Sie App-Einbettungen im Theme aus, die Sie nicht brauchen.
- Eine App pro Aufgabe: eine Bewertungs-App, ein Popup-Tool, ein Chat.
- Wo die App es erlaubt, zeigen Sie sie nur auf den Seiten, die sie brauchen.
- Testen Sie Produkt- und Kollektionsseiten auf dem Smartphone, nicht nur die Startseite.
- Bewerten Sie nach Daten echter Besuche (PageSpeed Insights oder der Core-Web-Vitals-Bericht der Search Console), nicht nach einem einzelnen Laborwert.
- Testen Sie nach jeder neu installierten App erneut.
- Lassen Sie zuerst laden, was Kunden sehen, und alles andere danach.
So hilft Whoosh: alle Apps behalten, Reihenfolge ändern
Whoosh ist eine Shopify-App, die die letzte Zeile der Checkliste für Sie erledigt. Ohne Code, ohne Theme-Änderungen, und Checkout und Kundenkonto bleiben unberührt. Jeder Shop startet mit einem 50/50-Test, die Hälfte der Kunden mit Whoosh und die Hälfte ohne, damit Sie in Ihren eigenen Zahlen sehen, was sich geändert hat.
-
Smart App Loading
Jede App behalten, die Reihenfolge ändern
Lädt zuerst die Apps, die Kunden sehen, und lässt Chat, Tracker, Bewertungs-Tools und Popups warten, bis das Produktfoto zu sehen ist. Alle laden trotzdem.
-
AI Page Preloading
Die nächste Seite ist vor dem Tippen bereit
Sagt voraus, welche Seite Kunden wahrscheinlich als Nächstes öffnen, und lädt sie im Hintergrund vor. So wirkt jeder Seitenwechsel sofort.
-
Kostenloses Speed-Audit
Sehen Sie, wo Ihr Shop steht
Starten Sie das kostenlose Speed-Audit für Ihren Shop, bevor Sie etwas ändern, damit Sie einen Ausgangswert zum Vergleich haben.
-
Vergleich
Whoosh im Vergleich mit anderen Speed-Apps
Worin sich Whoosh von Shopify-Speed-Apps unterscheidet, die Ihr Theme bearbeiten, Critical CSS schreiben oder Bilder komprimieren.
So sehen Sie, dass es wirkt
In Ihrem eigenen Shop, mit Ihren eigenen Kunden. Jeder Shop startet in den ersten Wochen, etwa einen Monat lang, mit einem 50/50-Test: Die Hälfte Ihrer Kunden bekommt Whoosh, die andere Hälfte nicht. Sobald das Ergebnis klar ist, geht es auf 90/10 über, und 10 % der Kunden bleiben als Kontrollgruppe, damit der Zuwachs weiter gemessen wird.
Ihr Dashboard vergleicht Conversion-Rate und Umsatz der Gruppen. Die Differenz ist der Umsatz, den Whoosh zurückgewinnt.
Die ersten Wochen
Sobald das Ergebnis klar ist
Über 15 %
Ø mehr Conversions
12 %
Ø kürzere Ladezeit
Aus diesen Tests in den Shops von Whoosh-Kunden.
Smart App Loading: 99 US$ pro Monat
Testen Sie 7 Tage kostenlos. Abgerechnet wird über Shopify, kündbar jederzeit in Shopify. Sie möchten auch AI Page Preloading? Whoosh Max enthält beides für 149 US$ pro Monat.
Shopify-Apps und Ladezeit: Fragen
Machen Shopify-Apps meinen Shop langsam?
Viele, ja. Apps, die im Shop etwas anzeigen (Bewertungen, Chat, Popups, Upsells, Tracking-Pixel), bringen Skripte auf jede Seite, und diese Skripte konkurrieren auf dem Smartphone Ihrer Kunden mit dem Produktfoto. Apps, die nur im Shopify-Admin arbeiten, etwa für Lager oder Buchhaltung, fügen dem Shop nichts hinzu.
Wie viele Apps sind bei Shopify zu viele?
Eine sichere Zahl gibt es nicht. Die meisten Shopify-Shops nutzen 7 bis 13 Apps, und eine einzige schwere Chat- oder Bewertungs-App kann mehr kosten als mehrere leichte. Entscheidend ist, was jede App im Shop lädt, auf welchen Seiten und wann.
Wie finde ich die App, die meinen Shopify-Shop bremst?
Testen Sie eine Produktseite in PageSpeed Insights und öffnen Sie „Nicht verwendetes JavaScript reduzieren“ und „Die Auswirkungen von Drittanbieter-Code reduzieren“: Beide listen Skripte nach Domain. Nutzen Sie dann die Panels Netzwerk und Abdeckung in den Chrome-Entwicklertools und prüfen Sie die App-Einbettungen im Theme-Editor. Auch Code, den deinstallierte Apps im Theme hinterlassen haben, ist häufig die Ursache.
Wird mein Shopify-Shop schneller, wenn ich eine App deinstalliere?
Meist ja, wenn die App im Shop geladen hat. Apps, die auf den Theme-App-Erweiterungen von Shopify aufbauen, verschwinden mit der App. Ältere Apps, die Theme-Dateien bearbeitet haben, können Code hinterlassen, der weiter lädt. Suchen Sie deshalb nach der Deinstallation im Theme nach dem Namen der App.
Sollte ich Apps löschen, um die Ladezeit meines Shopify-Shops zu verkürzen?
Löschen Sie die, die Sie nicht mehr nutzen. Bei Apps, die Umsatz bringen, lohnt ein zweiter Blick: Bewertungen, Popups, Chat und Upsells sind oft da, weil sie verkaufen. Sie zu entfernen tauscht einen Verlust gegen einen anderen. Wer stattdessen steuert, wann sie laden, behält, was sie einbringen, und zeigt Kunden zuerst das Produkt.
Beeinflussen Apps meine Core Web Vitals und mein SEO?
Das können sie. App-Skripte, die vor dem Produktfoto laufen, verzögern den Largest Contentful Paint, Skripte, die beschäftigt sind, wenn Kunden tippen, bremsen die Interaction to Next Paint, und spät erscheinende Widgets verschieben das Layout. Google misst alle drei bei echten Chrome-Besuchen am 75. Perzentil und bewertet sie als Teil der Nutzererfahrung.
Entfernt oder verändert Whoosh meine Apps?
Nein. Whoosh behält jede App, die Sie haben. Smart App Loading steuert, wann jede davon lädt, nicht was sie tut, ohne Code und ohne Theme-Änderungen. Checkout und Kundenkonto lässt es in Ruhe.
Noch Fragen?
Die Antwort finden Sie in unserem Hilfe-Center (auf Englisch).