Einen Shopify-Storefront schnell machen, ohne gegen die Plattform zu arbeiten

Wir betreiben mehrere Storefronts auf Shopify, darunter Vowly Store und Paperly. Die Plattform ist nicht der Engpass, für den man sie hält. Fast jeder langsame Storefront, den wir uns ansehen sollten, wurde durch Ergänzungen gebremst, nicht durch das Fundament.

Zuerst die Drittanbieter zählen

Bevor Sie ein Template anfassen, öffnen Sie das Netzwerk-Panel und zählen Sie, mit wie vielen verschiedenen Hosts eine Produktseite spricht. Ein Shop, der zwei Jahre läuft, kommt typischerweise auf ein Dutzend: Analytics, ein Bewertungs-Widget, eine Chat-Blase, ein Währungsumrechner, eine Upsell-App und zwei Tag-Manager, weil den ersten niemand entfernt hat.

Jede dieser Ergänzungen hatte einen Grund, und die meisten waren vernünftig. Aber niemand misst die Summe, weil jede einzelne am Tag ihrer Einführung klein aussah. Dieses Audit ist keine technische, sondern eine kaufmännische Übung. Fragen Sie zu jedem Skript, was es einbringt und was es an Main-Thread-Zeit kostet. Mehrere fallen glatt durch.

Bilder bleiben der größte Hebel

In einem Shop für Poster und Papeterie sind Bilder das Produkt und dominieren das Seitengewicht. Die Maßnahmen sind bekannt und werden trotzdem routinemäßig übersehen:

• Moderne Formate ausliefern — das CDN macht das auf Anforderung, und die Ersparnis gegenüber JPEG ist bei gleicher Qualität erheblich.
• Die Quelle auf die gerenderte Box dimensionieren, mit sauberem srcset. Ein 2000-px-Bild in einen 400-px-Slot zu schicken ist die häufigste Einzelverschwendung im Produktraster.
• Jedem Bild explizite Maße geben, damit das Layout beim Laden nicht springt. Layout-Shift ist Rankingsignal und echte Belästigung zugleich.
• Nur laden, was above the fold liegt, alles andere lazy — aber bewusst entscheiden, was wozu gehört, statt das Hero-Bild versehentlich zu verzögern.

Schriften verdienen mehr Skepsis

Drei Schnitte aus zwei Familien, von einem fremden Host geladen, kosten mehr als gedacht: eine zusätzliche Verbindung, eine Renderverzögerung und ein sichtbarer Umbruch beim Wechsel.

Dateien selbst hosten, auf die tatsächlich verwendeten Zeichen subsetten, den einen Schnitt above the fold vorladen und eine sinnvolle Display-Strategie setzen, damit Text während des Ladens lesbar bleibt. Wer in mehrere europäische Märkte verkauft, muss beim Subsetting die dort nötigen Sonderzeichen einschließen — ein Subset ohne Umlaute sieht im Test gut aus und in Deutschland kaputt.

Storefront und Checkout nicht verwechseln

Eine nützliche Grenze: Der Storefront gehört Ihnen zur Optimierung, der Checkout nicht — und das ist in Ordnung. Zahlungen, Betrugsprüfung und Steuerberechnung sind genau das, was ein kleines Team nicht neu bauen sollte.

Die kaufmännisch relevante Performance-Arbeit passiert vor dem Checkout — auf Kollektions-, Produkt- und Warenkorbseite, wo Besucher entscheiden, ob sie weitermachen. Ein Auftragsfertigungs-Shop trägt dort zusätzliches Gewicht, weil Personalisierungsoberflächen eigene Skripte und Vorschauen mitbringen.

Messen, was Kundschaft erlebt

Laborwerte sind gut, um Regressionen zu finden, und irreführend als Ziel. Ein Labortest hat weder das ältere Telefon noch das Netz der Kundin noch das Cookie-Banner beim zweiten Besuch. Felddaten aus echten Sitzungen, segmentiert nach Geräteklasse und Markt, zeigen, wo das Problem wirklich liegt — häufig bei Mobilgeräten in einem Land statt überall.