Shopify Performance Optimierung

Eine Shopify Performance Optimierung verkürzt die Zeit, bis Deine Kunden eine Seite sehen und bedienen können. Hosting und Auslieferung liegen bei Shopify und lassen sich nicht einstellen. Die Ladezeit entsteht deshalb an drei Stellen, die Du selbst in der Hand hast: im Code des Themes, in Apps und fremden Skripten und in Bildern und Schriften. Wir verantworten die Messung, die Zuordnung der Ursachen und den Umbau im Theme.

NICCOS ist seit April 2022 Shopify Plus Partner und OpenAI-Partner. Der Eintrag im Shopify-Partnerverzeichnis zeigt 19 Bewertungen mit der Note 5,0. Unsere Projekte stehen in 13 veröffentlichten Case Studies.

Eine Performance Optimierung auf Shopify Plus läuft in vier Schritten ab. Wir werten die Felddaten je Template und Gerät aus, ordnen jedem schlechten Wert im Labor eine Ursache zu, entfernen Apps und Skripte ohne Nutzen und setzen die Änderungen in einer Theme-Kopie um. Nach jeder Maßnahme wird neu gemessen, damit ihre Wirkung einzeln belegt ist.

Shopify Plus bringt zwei Besonderheiten mit. Im Checkout läuft kein frei eingebundenes JavaScript mehr, Tracking arbeitet dort in der Pixel-Umgebung. Die Arbeit an der Ladezeit liegt deshalb auf Startseite, Kategorie, Produktseite und Warenkorb. Dazu betreiben Plus-Händler häufig mehrere Stores oder Märkte. Teilen sie sich eine Codebasis, wirkt jede Korrektur im Theme in allen Märkten.

Plus-Shops tragen außerdem meist mehr Integrationen als kleinere Shops: ERP, Bewertungen, Retouren, Newsletter, Chat. Jede davon kann Skripte in die Storefront laden. Welche Rolle der Tarif für Dein Geschäft spielt, beschreibt die Seite zur Shopify Plus Agentur.

SMILODOX wollte B2C und B2B auf eine gemeinsame Grundlage bringen. Am Anfang stand ein App-Audit, in dem wir jede App nach Nutzen, Überschneidungen und technischer Relevanz bewertet haben. Das Theme wurde nach Flexibilität, Pflege, Performance und Passung zu den geplanten Modulen ausgewählt. Vor dem Launch lag ein eigener Schritt für Qualität und Page Speed. Laut Case Study zu SMILODOX ging der Store zwei Monate nach dem Kick-off live, mit bereinigtem App-Stack.

BlumeIdeal lief auf Shopware 5 mit einer über Jahre gewachsenen Struktur aus Anpassungen, Plugins und Workarounds. An Valentinstag und Muttertag wurde der Shop zunehmend instabil. Seit der Migration auf Shopify Plus trägt Shopify die Lastspitzen. Die Case Study zu BlumeIdeal nennt einen DNS-Wechsel von etwa 5 Minuten ohne Bestellverlust und 33 % mehr Conversion Rate gegenüber Shopware.

Für Gusti Leder haben wir ein eigenes Theme mit Schwerpunkt auf Ladezeit, UX und Markenwirkung entwickelt, nachzulesen in der Case Study zu Gusti Leder. Messwerte zu Core Web Vitals veröffentlichen diese Case Studies nicht. Wir nennen deshalb auf dieser Seite keine Ladezeit in Sekunden als Ergebnis.

Am stärksten bremsen Skripte, die auf jeder Seite laden und nur auf wenigen gebraucht werden. Dazu gehören Bewertungen, Chat, Pop-ups, Empfehlungen und Reste deinstallierter Apps, die im Theme zurückgeblieben sind. Wir führen ein Inventar mit Ladeort und Gewicht je Skript und entscheiden für jedes: entfernen, verzögern oder auf die Templates begrenzen, auf denen es gebraucht wird.

Tracking ist der zweite große Posten. Jeder Marketing-Kanal bringt ein eigenes Skript mit, und der Consent-Layer kommt dazu. Mit serverseitigem Tracking wandert ein Teil dieser Arbeit vom Browser auf den Server. Den Aufbau beschreibt die Seite zu Tracking Setups.

Erledigen mehrere Apps zusammen eine Aufgabe, die eine einzige Funktion im Theme oder eine eigene App abdecken würde, prüfen wir den Ersatz. Das ist Teil unserer Shopify App-Entwicklung.

Google verwendet die Core Web Vitals als eines von vielen Signalen für die Bewertung einer Seite. Gute Werte ersetzen keine Inhalte und keine saubere Struktur. Schlechte Werte können aber eine Seite zurückhalten, die inhaltlich passt. Die technischen Grundlagen dafür beschreibt die Seite zu Shopify SEO.

Für den Kaufabschluss zählt vor allem die mobile Produktseite. Wie viel eine schnellere Seite in Deinem Shop bringt, belegen wir mit einem Vergleich vor und nach der Optimierung. Liegen die Werte bereits im grünen Bereich, entscheidet das Angebot und der Seitenaufbau. Dann ist die Shopify Conversion-Optimierung der nächste Schritt.

Optimierung am bestehenden Theme hilft nicht mehr, wenn die Ursachen in seiner Bauweise liegen. Das ist der Fall, wenn jede Seite dieselben großen Skript-Dateien lädt, wenn Abschnitte nicht einzeln abschaltbar sind oder wenn Anpassungen über Jahre ohne Dokumentation entstanden sind. Dann kostet jede Korrektur mehr als ein geordneter Neubau.

Das sagen wir Dir nach der Analyse und vor der Umsetzung. Steht ohnehin ein Relaunch an, gehört die Ladezeit in die Bauplanung und wird vor dem Go-live abgenommen. Den Neubau übernimmt unsere Shopify Entwicklung, den laufenden Betrieb danach der Shopify Support.