Halbierte Ladezeiten für einen E-Learning-Shop mit achtstelligem Umsatz
Ein mehrjähriges Performance-Programm für The Great Courses auf Adobe Commerce, umgesetzt bei Guidance, das die typischen Ladezeiten etwa halbiert hat.
- Kunde
- The Great Courses
- Branche
- E-Learning und digitale Inhalte
- Zeitraum
- 2015–2023
- Rolle
- Principal Adobe Commerce Engineer
Ergebnisse
- Typische Ladezeit
- −50 %
- Jahre bei Guidance
- 8
Herausforderung
The Great Courses betrieb einen stark angepassten Adobe-Commerce-Shop mit einem großen digitalen Katalog. Kategorie- und Produktseiten waren so langsam geworden, dass der Conversion-Funnel sichtbar darunter litt.
Eigene Module, Drittanbieter-Extensions, Integrationen und Hosting waren mit der Zeit gewachsen, und jede Änderung war für sich genommen sinnvoll gewesen. Niemand hatte im Blick, wo die Zeit insgesamt verloren ging. Deshalb kam die Performance-Arbeit oft nicht über Vermutungen hinaus.
Vorgehen
Zuerst habe ich die Performance bei echten Nutzern gemessen, damit sich jede spätere Änderung mit derselben Ausgangsbasis vergleichen ließ. Danach bin ich Caching, Indexierung, Datenbankabfragen, Frontend-Auslieferung und Infrastruktur durchgegangen und habe mit den Änderungen begonnen, die am meisten Zeit sparten.
Jede Korrektur ging als kleine, prüfbare Änderung live und wurde nach dem Release erneut gemessen. Was keine messbare Verbesserung brachte, wurde zurückgenommen. Die Arbeit lief parallel zur regulären Feature-Roadmap des Händlers, sodass der Shop weiter neue Funktionen bekam, während er schneller wurde.
Bei Guidance habe ich außerdem einen ScandiPWA-Headless-Storefront im Produktivbetrieb betreut, einschließlich der GraphQL-Schicht dahinter. Für weitere Shops mit achtstelligem Umsatz habe ich ERP-Integrationen, Abo-Abrechnung und individuelle Versandmodule gebaut. Zudem habe ich den Code der Entwickler in diesen Projekten reviewt und sie als Mentor begleitet.
Ergebnis
Die typischen Ladezeiten sanken um etwa die Hälfte. Bis heute beginne ich jedes Performance-Projekt mit einer solchen Ausgangsbasis.
Leistungen in diesem Projekt
- 03
Performance-Optimierung
Schnellere Seiten ohne Plattformwechsel. Ein Programm mit festem Umfang für Ihren bestehenden Shop, bei dem jede Verbesserung vorher und nachher gemessen wird.
- 07
Storefront-Strategie
Eine Entscheidung zwischen Ihrem bestehenden Theme, Headless und Composable, getroffen für Ihr Team und Ihr Budget und über den Launch-Tag hinaus durchgerechnet.
- 04
Audits und Code-Review
Ein Senior-Review von Code, Modulen und Setup, das die Risiken findet, bevor Ihre Kunden sie bemerken. Jeder Befund ist nach Schweregrad eingestuft, mit Beleg und Aufwandsschätzung in Stunden.
Verwandte Beiträge
Meine Adobe-Commerce-Performance-Checkliste
Zwölf Prüfpunkte in fester Reihenfolge. Sie zeigen, wo ein typischer Adobe-Commerce-Shop den Großteil seiner Ladezeit verliert, noch bevor eine Zeile Code geschrieben wird.
PerformanceWann Headless bei Adobe Commerce sinnvoll ist
Headless rechnet sich nur mit einem Frontend-Team und einem Budget für zwei Anwendungen. So entscheide ich bei Adobe Commerce zwischen Hyvä und einem separaten Storefront.
Headless