Site Speed (E-Commerce)

Definition: Site Speed (Ladegeschwindigkeit) bezeichnet die Zeit, die vergeht, bis eine Shopseite für den Nutzer vollständig sichtbar und bedienbar ist. Sie ist einer der wichtigsten messbaren UX-Faktoren: Jede zusätzliche Sekunde Ladezeit kostet nachweislich Conversion – Amazon hat berechnet, dass 100 ms Verzögerung 1 % Umsatzverlust bedeuten. Google bewertet Site Speed über Core Web Vitals als direkten Rankingfaktor. Mobile Ladezeiten sind besonders kritisch, da über 60 % des E-Commerce-Traffics auf Mobilgeräten stattfindet.

Erläuterung

Ein schneller Shop ist nicht nur SEO- und Conversion-Vorteil, er ist die Minimalvoraussetzung für ein akzeptables Nutzererlebnis. Nutzer verlassen Seiten, die länger als 3 Sekunden zum Laden brauchen, zu über 50 %. Im E-Commerce bedeutet das direkt entgangenen Umsatz. Die gute Nachricht: Die meisten Ladezeit-Probleme sind mit bekannten technischen Massnahmen lösbar.

Core Web Vitals – Google's Geschwindigkeitsmetriken

• LCP (Largest Contentful Paint): Zeit bis das grösste sichtbare Element geladen ist (meist Hauptbild oder Hero-Banner); Ziel: unter 2,5 Sekunden; der wichtigste Einzelwert für wahrgenommene Ladezeit
• CLS (Cumulative Layout Shift): Visuelle Stabilität; wie stark verschiebt sich das Layout während des Ladens; Ziel: unter 0,1; schlechter CLS frustriert Nutzer («Button hat sich verschoben als ich klicken wollte»)
• INP (Interaction to Next Paint): Seit März 2024 offizieller Core Web Vital (ersetzt FID); Reaktionszeit bei Nutzereingaben; Ziel: unter 200 ms; für interaktive Elemente (Warenkorb, Filter) relevant
• TTFB (Time to First Byte): Zeit bis erster Byte vom Server; Servergeschwindigkeit-Indikator; nicht offizieller CWV aber diagnostisch wichtig; Ziel: unter 800 ms
• Messung: Google PageSpeed Insights (Felddata + Labdaten); Google Search Console (Core Web Vitals Bericht); Chrome DevTools; WebPageTest.org für detaillierte Analyse

Häufigste Ursachen langsamer Shops

• Unkomprimierte Bilder: Häufigste und behebbarste Ursache; JPEG/PNG statt WebP; keine Komprimierung; zu hohe Auflösung (4000×4000 px für 300×300 px Thumbnail); Bilder sind typisch 60–70 % der Seitengrösse
• Zu viele JavaScript-Ressourcen: Jede App und jedes Plugin lädt JS; 10 Shopify-Apps = 10 JS-Dateien; blockieren Page-Rendering; unnötige Apps deinstallieren
• Kein CDN: Alle Assets von einem Server in einem Land ausgeliefert; internationale Nutzer erleben hohe Latenz; CDN verteilt Assets global (Cloudflare gratis, Shopify hat integriertes CDN)
• Langsamer Hosting-Server (TTFB): Shared Hosting oft überlastet; Shopify: kein Problem (eigene Infrastruktur); WooCommerce: Hosting-Qualität entscheidend; Managed WooCommerce Hosting (Kinsta, WP Engine) empfehlen
• Render-blockierendes JavaScript/CSS: Externe Fonts, Tag-Manager-Scripts, Chat-Widgets blockieren Rendering; defer/async für nicht-kritische Scripts
• Fehlende Lazy Loading: Alle Bilder gleichzeitig geladen; mit Lazy Loading: nur sichtbare Bilder zuerst; Rest nachladen wenn Nutzer scrollt; native in modernen Browsern (loading="lazy")

Optimierungsmassnahmen nach Wirkung

• Bilder zu WebP konvertieren: 30–50 % Dateigrössen-Reduktion gegenüber JPEG bei gleicher Qualität; alle modernen Browser unterstützen WebP; Shopify konvertiert automatisch; WooCommerce via Imagify, ShortPixel oder WebP Express
• Lazy Loading aktivieren: HTML-Attribut loading="lazy" für Bilder unterhalb des Viewports; einfachste Performance-Massnahme; meist keine Code-Änderung nötig in modernen Shopsystemen
• Bildgrössen anpassen: Srcset-Attribut für responsive Bilder (kleinere Bilder für Mobile); nie 2000×2000 px Bild für 300×300 px Thumbnail ausliefern
• JavaScript minimieren: Nicht genutzte Apps/Plugins deinstallieren; Google Tag Manager prüfen (oft zu viele Tags); Scripts asynchron laden; Bundle-Grösse mit Chrome DevTools messen
• CDN nutzen: Cloudflare Gratis-Plan für statische Assets; Shopify: integriert; WooCommerce: Cloudflare oder KeyCDN (ab 4 $/Monat)
• Hosting upgraden (WooCommerce): Von Shared zu Managed Hosting; Kinsta oder WP Engine: ab 30 $/Monat; TTFB von 800 ms auf 200 ms; grösster Einzelhebel für WooCommerce-Shops

Shopify-spezifische Speed-Optimierung

• App-Bereinigung: Jede App = zusätzliches JavaScript; installierte aber ungenutzte Apps deinstallieren (auch inaktive hinterlassen Code); regelmässiges App-Audit empfohlen
• Dawn-Theme als Basis: Shopifys offizielles Theme ist performance-optimiert; viele Drittanbieter-Themes laden überflüssiges CSS/JS; Theme-Performance im PageSpeed Insights testen
• Sections and Blocks: Übermässige Anpassungen via Theme-Editor können Performance reduzieren; jedes Element auf der Startseite prüfen
• Shopify Speed Score: Internes Score-System (0–100) in Admin; Orientierungshilfe aber PageSpeed Insights ist präziser und Google-relevant