KUNDEN-MOMENTAUFNAHME
Erfahren Sie, wie die JAMstack-Lösung von Edgio die Digital Experience von Universal Standard verändert und bemerkenswertes Wachstum ausgelöst hat
Universal Standard ist ein Online-Modehändler, der das größtmögliche Sortiment an Kleidung weltweit anbietet. Die Entwickler von Universal Standard suchten nach einer modernen JAMstack-Website-Lösung, um ihr digitales Erlebnis zu verbessern.
Um von der Geschwindigkeit der Website und der Geschwindigkeit der Webentwickler zu profitieren, entschied sich Universal Standard für Edgio als All-in-One-Plattform für die Entwicklung und den Betrieb ihrer dynamischen Website. Der Modehändler stellt nun wöchentlich sein Nuxt-Geschäft im zweiten Teil der Woche zur Verfügung und hat die Konversionsrate für Mobilgeräte um 200 % erhöht.
„Die Plattform selbst ist sehr, sehr schnell.“
Justin Metros, Head of Technology, Universal Standard
Die Herausforderung des universellen Standards
Vor Edgio war UniversalStandard.com eine traditionelle Shopify-Website, die in der flüssigen Vorlagensprache geschrieben wurde, auf den Servern der Storefront gehostet und bereitgestellt und auf dem CDN bereitgestellt wurde.
Als die Website komplexer wurde, verlangsamten sich die Seitenladezeiten und schnelle Iterationen wurden in der monolithischen Architektur schwieriger. Das Team benötigte mehr Flexibilität in allen Bereichen, von der Arbeit mit Daten über die Anzeige der Benutzeroberfläche bis hin zur Steuerung des Standorts selbst.
Die Lösung des Universalstandards
Der erste Schritt hin zu einer besseren Lösung bestand darin, das Frontend vom Backend für eine kopflose Architektur zu entkoppeln. Auf diese Weise könnte Universal Standard die besten Tools im JAMstack-Ökosystem nutzen und Shopify für sein kopfloses eCommerce-CMS und das Checkout-System verwenden.
Als Nächstes entschied sich das Team für eine Hosting-Plattform, deren Technologie den Anforderungen der Website-Geschwindigkeit, CDN-Verwaltung und Berichterstellung entsprach und gleichzeitig eine gute Entwicklererfahrung bot. Die Anwendungslösung von Edgio wurde zu ihrer leistungsstarken Lösung für die Entwicklung, Bereitstellung, Ausführung und Überwachung des Headless-Frontends.
Heute ist UniversalStandard.com eine Nuxt-Website mit einem GraphQL-Backend zum Abrufen von Geschäftsdaten, die in Shopify und Prismic gespeichert sind. Zwischen der Datenschicht und dem Frontend befindet sich jetzt Edgio, das GraphQL- und Nuxt.js-Daten zwischenspeichert.
Je schneller und einfacher eine Plattform verwendet werden kann, desto mehr kann ein Entwickler Zeit sparen und mehr tun. Mit der vorherigen Architektur wurde die Erstellung verschiedener Staging-Umgebungen schwierig und umständlich, und die Entwicklungstools waren unzureichend.
Der Head of Technology erklärte, dass die Git-basierten Workflows und die modernen Tools von Edgio schnellere und häufigere Bereitstellungen bedeuteten. Das Team kann unabhängig arbeiten, Edge-Regeln lokal ausführen, sie in der Vorproduktion in einer Vorschau anzeigen und Feedback in Echtzeit geben.
„Ich habe alles, was ich brauche, um Probleme zu lösen und produktiv zu sein“, so Metros.
Bereitstellungen auf Edgio sind genau, rechenschaftspflichtig und prüfbar. Jedes Mal, wenn das Team eine Zweigstelle erstellt, erhalten sie atomare Bereitstellungen und sofortige Rollbacks. „Die Entwicklergeschwindigkeit ist drastisch gestiegen.“
Unmittelbar nach dem Start auf Edgio fielen die Seitenladezeiten von Universal Standard auf 1,5 Sekunden ab. Bisher warteten Käufer durchschnittlich 4-7 Sekunden, bis eine Produktseite geladen wurde – selbst bei guten Netzwerkbedingungen.
Um die Geschwindigkeit weiter zu optimieren, nutzte das Team Edge Caching über EdgeJS von Edgio. Die E-Commerce-Website brach ihren Rekord und erreichte Seitenladezeiten in weniger als einer Sekunde, indem sie das Caching innerhalb des Anwendungscodes von Universal Standard steuerte. Darüber hinaus übergibt die eCommerce-Website mithilfe der Echtzeitüberwachung Core Web Vitals auf allen wichtigen Seiten.
Wie die meisten E-Commerce-Websites werden auch die Produktinhalte von Universal Standard (d. h. Inventar und Preise) minutengenau aktualisiert, sodass dynamische Seiten für Aktualisierungen in Echtzeit erforderlich sind. Bei Edgio zwischenspeichert der Einzelhändler über 95 % seines dynamischen Inhalts an der Peripherie über fast 100 globale Points of Presence (POPs).
„Durch die Anzahl der Pops wird die Zeit für die Roundtrips zum Netzwerk reduziert, wodurch unsere Latenz und Ping-Zeiten extrem niedrig sind“, so Metros.
Im Durchschnitt werden UniversalStandard.com’s Homepages in 1,05 s geladen und Übergänge von Produktelistenseiten (PLP) zu Produktbeschreibungsseiten (PDP) werden in 600 ms geladen.
„Durch die Anzahl der Pops wird die Zeit für die Roundtrips zum Netzwerk reduziert, wodurch unsere Latenz und Ping-Zeiten extrem niedrig sind“, so Metros.
Bevor Universal Standard die Entscheidung traf, zu einer Headless-Architektur zu wechseln und die Anwendungslösungen von Edgio neu zu plattmachen, gingen rund 50 % des Datenverkehrs sowohl auf Mobilgeräte als auch auf Desktops. Die Konversionsrate auf Mobilgeräten konnte jedoch nicht mit Desktop-PCs mithalten.
Dank Edgios Performance-Funktionen kommt Universal Standard nun zu etwa 70 % des Datenverkehrs von Mobilgeräten. Dies hat die Konversionsrate verdreifacht, den durchschnittlichen Auftragswert um 42 % erhöht, die Absprungrate um 40 % gesenkt und den Umsatz im Jahresvergleich um 81 % gesteigert.
Mobile Benutzer verbringen dreimal so viel Zeit vor Ort, mit einer um 200 % höheren Dauer. „Es ist klar, dass unsere Nutzer ihre Erfahrung mit einer schnelleren Website mehr genießen.“
Universal Standard verfügt über einen gemeinsamen Slack-Kanal mit Entwicklern und Lösungstechnikern von Edgio, um Probleme schnell zu lösen und Hilfe anzubieten. „Das Edgio-Team ist phänomenal“, so Metros, „das Team kommt immer mit Ideen und Hilfsbereitschaft an den Tisch – und sie sind sehr gut informiert.“
Wenn sich unsere Kunden in der Lage fühlen, erstklassige Lösungen für ihre spezifischen Anforderungen zu entwickeln, gewinnen wir als Unternehmen. Wir kennen die Komplexität des Betriebs einer dynamischen E-Commerce-Website und haben engagierte Teams, die in jedem Schritt Unterstützung bieten.
