Nachdem wir bereits einen längeren Beitrag zu Shopware 6 Pagespeed Optimierung veröffentlicht haben gibt es hier die Fortsetzung. Das neu aufgesaugte Wissen stammt aus einem Shopware United Meeting.
Pagespeed-Optimierung ist entscheidend für die Nutzererfahrung und das Ranking im Internet. Im Bereich Shopware gibt es viele Möglichkeiten, den Pagespeed zu verbessern, aber auch Fallstricke und Herausforderungen, die man kennen sollte. In diesem Beitrag gehen wir auf neue Plugins und Optimierungsschritte ein, die du beachten kannst, um die beste Performance für deinen Shop zu erzielen.
- Strix Instant Navigation Plugin
- ImageEngine CDN Plugin
- Tracking und Analyse
- Wichtigstes Measurement: Time to First Byte
- Datenbank-Optimierung
- Monatliche Wartungsroutine
- ROI bei Pagespeed-Optimierungen
- Performance-Steigerung im Warenkorb ab Shopware 6.4.11.0 (B2B Suite)
Strix Instant Navigation Plugin
Ein hilfreiches Plugin zur Optimierung der Ladezeiten ist das Strix Instant Navigation Plugin. Es rendert spezifische Seiten im Hintergrund, sobald der Benutzer mit der Maus über einen Link fährt. Diese vorab geladene Seite kann dann sofort angezeigt werden, was die Nutzererfahrung verbessert. Beachte jedoch, dass dies den Server etwas stärker belastet.
ImageEngine CDN Plugin
Ein weiteres hilfreiches Tool ist das ImageEngine CDN Plugin. Es sorgt dafür, dass Bilder optimiert und effizienter geladen werden, was gerade für Bild-intensive Shops einen großen Unterschied im Pagespeed ausmacht.
Tracking und Analyse
Für eine effektive Analyse der Ladezeiten und Optimierungsmaßnahmen ist das richtige Tracking essentiell. Tools wie Neuralic helfen dabei, die Performance genau zu messen und Schwachstellen zu erkennen. In Verbindung mit Core Web Vitals kann eine detaillierte Analyse helfen, den Fokus auf die wirklich wichtigen KPIs zu legen.
Wichtigstes Measurement: Time to First Byte (TTFB)
Das wichtigste Measurement für eine erfolgreiche Pagespeed-Optimierung ist die Time to First Byte (TTFB). Wenn diese Ladezeit reduziert wird, hat das spürbare Vorteile für die gesamte Performance. Folgende Maßnahmen helfen, TTFB zu optimieren:
- Einen separaten Datenbankserver einrichten
- Alte und ungenutzte Erweiterungen entfernen (nicht nur deaktivieren)
- Cloudflare und Elasticsearch nutzen
- Schlechte Bots blockieren
- Bilder optimieren: keine PNGs, bevorzugt WebP-Format
- SVGs für Icons verwenden
- Varnish-Caching einsetzen
Datenbank-Optimierung und Serverwahl
Eine separate Datenbankinstanz kann signifikant zur Verbesserung der Performance beitragen. Die Wahl zwischen MySQL und MariaDB sowie die Entscheidung für SSD- oder NVMe-SSD-Festplatten spielen ebenfalls eine wichtige Rolle. Server wie Hypernode, MaxCluster und ScaleCommerce bieten spezialisierte Hosting-Lösungen für Shopware und ermöglichen schnelle Zugriffszeiten.
Monatliche Wartungsroutine
Regelmäßige Wartungsaufgaben sind wichtig, um die bestmögliche Performance zu halten. Einmal im Monat sollte man die Datenbank prüfen und bereinigen sowie eine Bestandsaufnahme der Erweiterungen machen. Auch das Blocking von Bots und das Monitoring der Core Web Vitals sollten regelmäßig durchgeführt werden.
ROI bei Pagespeed-Optimierungen
Pagespeed-Optimierungen bringen nicht nur eine bessere User Experience, sondern haben auch positive Auswirkungen auf die Conversion-Rate. Investitionen in Server-Upgrades, Datenbank-Tuning oder Plugin-Optimierungen können sich deshalb schnell durch eine gesteigerte Performance und höhere Umsätze auszahlen.
Intentional Verlangsamung für AB-Tests
Für bestimmte AB-Tests ist es sinnvoll, eine Version der Website bewusst zu verlangsamen, um unterschiedliche Performance-Level zu vergleichen. Dies lässt sich durch das Hinzufügen einer „Sleep“-Funktion im Code umsetzen oder durch das Testen von Lazy Load im Vergleich zu normalem Laden.
Core Web Vitals und echte Nutzer-Metriken
Die Core Web Vitals liefern wichtige Daten für die Analyse echter Nutzererfahrungen. Im Gegensatz zu Lighthouse, das nur theoretische Daten liefert, basieren die Core Web Vitals auf realen Nutzerinteraktionen und geben so einen besseren Eindruck von der tatsächlichen User Experience.
Webserver und Festplattengeschwindigkeit
Der Webserver-Typ und die Art der Festplatte spielen eine wesentliche Rolle für die Performance. Nginx gilt oft als schneller als herkömmliche Server, und der Einsatz von SSD oder NVMe-SSD steigert die Performance zusätzlich.
Performance-Steigerung im Warenkorb ab Shopware 6.4.11.0 (B2B Suite)
In den Shopware Docs heißt es: Du hast ab Shopware 6.4.11.0 die Möglichkeit, über die Aktivierung von Redis die Performance im Warenkorb zu steigern. Dies ist empfehlenswert, wenn eine große Datenmenge (mehrere Hunderte Produkte) im Warenkorb vorhanden ist. Eine entsprechende Anleitung hierzu findest Du in der Entwickler-Dokumentation.
https://docs.shopware.com/de/shopware-6-de/erweiterungen/b2b-suite-kundenaccount
https://developer.shopware.com/docs/resources/references/adr/2022-03-25-redis-cart-persister.html
Shopware Pagespeed Optimierung durch great2gether
Du suchst eine Shopware-Agentur, die sich mit den fehlenden Puzzleteilen bei der Shopware 6 Konfiguration und Erweiterung auskennt und dich bei deinem Launch oder der Optimierung deines Shops unterstützt?
Dann hast du 3 Optionen, uns zu erreichen:
- Telefonisch unter der 02203-5651122
- Per Mail über unser Kontaktformular
- Oder du buchst einen Termin