Machen Upsell-Apps Ihren Shopify-Shop langsamer?
Jede App, die in Ihrem Shop etwas anzeigt, lädt Code in den Browser Ihrer Kunden. Eine App ist selten das Problem. Acht Apps, die jeweils auf jeder Seite ein Skript laden, auch dort, wo sie nichts tun, summieren sich. Upsell-Apps sind häufige Kandidaten, weil sie oft überall präsent sein wollen, falls ein Kunde etwas in den Warenkorb legt.
Was eine Seite wirklich bremst
- Skripte, die auf jeder Seite laden, auch wo die App nichts tut.
- Skripte, die die Anzeige der Seite blockieren, bis sie geladen sind.
- Code, der auf die Server der App wartet, bevor er etwas zeigt.
- Reste längst deinstallierter Apps, die immer noch laden.
So prüfen Sie Ihren eigenen Shop
- Startseite, eine Produktseite und die Warenkorbseite in Chrome öffnen, die Entwicklertools aufrufen, Tab Netzwerk, neu laden und nach JS filtern.
- Die Dateien der Apps suchen, die Sie kennen, und notieren, auf welchen Seiten sie erscheinen.
- Die Seite mit und ohne App mehrmals durch PageSpeed Insights laufen lassen. Eine einzelne Messung schwankt zu stark für einen Vergleich.
- Im Theme-Code nach Resten suchen. Bei älteren Einbindungen haben Apps Snippets in Theme-Dateien geschrieben, die nach der Deinstallation bleiben.
Warum Theme-App-Erweiterungen helfen
Moderne Shopify-Apps docken über App-Embeds und App-Blöcke an Ihr Theme an: Bausteine, die Sie im Theme-Editor einschalten, ohne dass die App Ihren Theme-Code verändert. Ihre Dateien kommen aus Shopifys eigenem CDN, und wenn Sie die App deinstallieren, entfernt Shopify ihre Blöcke aus dem Theme. Apps, die ihren Code noch auf die alte Art einschleusen, hinterlassen Spuren.
Wie eine schlanke Upsell-App aussieht
- Sie tut nichts, wo sie nichts zu tun hat: keine Anfrage an ihre Server auf einer Seite, auf der sie nichts anzeigen kann.
- Sie lädt, ohne die Seite zu blockieren.
- Sie hält den Checkout nie auf. Geht etwas schief, gelangt der Kunde zur Kasse, als gäbe es die App nicht.
Die Post-Purchase-Seite kostet Ihren Shop nichts
Angebote nach der Zahlung laufen im Checkout von Shopify, nicht in Ihrem Theme. Sie laden auf Ihren Shopseiten überhaupt nichts.
Wie FlatUpsell lädt
Das Warenkorb-Angebot von FlatUpsell ist ein App-Embed. Sein Skript wird verzögert geladen, blockiert die Seite also nie, und wiegt vor der Komprimierung gut 40 KB, die der Browser ab der ersten Seite zwischenspeichert. Es lädt auf jeder Seite, weil ein Warenkorb-Einschub von überall zur Kasse führen kann, bleibt aber untätig, solange der Warenkorb leer ist: keine einzige Anfrage an die Server von FlatUpsell. Sobald etwas im Warenkorb liegt, holt es die Angebote einmal ab und behält sie für den Besuch. Geht etwas schief, verhält sich der Checkout-Knopf, als wäre die App nicht installiert. Das Post-Purchase-Angebot lebt im Shopify-Checkout und fügt Ihrem Theme nichts hinzu.