Um 978 % schnellere Seitenladezeiten und mehr Sicherheit durch Optimierung des E-Commerce-Stacks von Dunelm mit Fastly

Dunelm gehört zu den größten britischen Einzelhändlern für Möbel und Wohnaccessoires. Das Unternehmen bietet Hunderttausende von Artikeln auf seiner E-Commerce-Website sowie in über 170 Filialen in ganz Großbritannien an. Daneben betreibt Dunelm auch einen eigenen Lieferservice und unterhält eine landesweite Flotte von Lieferfahrzeugen. Damit das Geschäft reibungslos läuft, programmieren und verwalten über 200 Entwickler eine breite Palette von Anwendungen, darunter eine solide E-Commerce-Site und eine Reihe interner Tools.

Modernisierung in der Cloud durch Infrastructure as Code

Anfang 2017 startete Dunelm eine umfassende Initiative zur Migration auf eine neue Plattform, die es den Entwicklerteams ermöglichen sollte, die zahlreichen Vorteile der Cloud zu nutzen. Mit einer moderneren, cloudbasierten Architektur konnte Dunelms Website besser mit dem schnellen Geschäftswachstum mithalten und ein schnelleres, reibungsloseres Kundenerlebnis bieten.

Die neue Headless- und Serverless-Plattform mit API-gesteuerter und Microservices-Architektur wurde im Oktober 2019 eingeführt – gerade noch pünktlich zum Weihnachtsgeschäft. Außerdem erschlossen sich durch das neue Setup und die Integration mit den Continuous-Integration- und Continuous-Delivery-Tools (CI/CD) des Unternehmens ganz neue Möglichkeiten für das Entwicklerteam.

Moderne Inhaltsauslieferung, 200-mal mehr Deployments

Zur Anpassung an die neue Infrastructure-as-Code-Strategie benötigte das Plattformteam eine moderne Lösung. Außerdem sollte die Auslieferung von Inhalten konsolidiert werden, damit das gesamte Entwicklerteam agiler und leichter auf geschäftliche Anforderungen reagieren kann. Denn wenn Entwickler Updates und neue Funktionen in kürzeren Abständen bereitstellen können, lassen sich Probleme beheben, sobald sie entstehen. Insgesamt fand das Team, dass Fastlys Edge-Cloud-Netzwerk gut zur Transformationsstrategie des Unternehmens passt.

Rollout auf Knopfdruck

Bei der Einführung des neuen Stacks plante das Plattformteam, schrittweise auf Fastly umzusteigen und 10 % des Traffics über Fastly laufen zu lassen, während 90 % auf dem alten CDN verbleiben sollten. Dann kam es aber zu einer schwerwiegenden Störung, von der die Anzeigen in den Produkteinträgen bei Google und die Produktverkäufe über die neue Plattform betroffen waren.

Um diese Herausforderung zu meistern, entschied sich das Team, den Schalter umzulegen und den gesamten Traffic sofort über Fastly zu routen. Die Umstellung erfolgte durch eine simple DNS-Änderung, die sofortige Ergebnisse lieferte: Die Produkte erschienen wieder in den Produkteinträgen von Google, und innerhalb weniger Tage war alles wieder ganz normal. Inzwischen läuft der gesamte Traffic über Fastly, einschließlich Bilder.

Während der Umstellung war das technische Support-Team von Fastly immer zur Stelle, um einen reibungslosen Ablauf zu gewährleisten. Die Support-Mitarbeiter waren über den eigens für das Projekt eingerichteten Slack Channel erreichbar, um Fragen innerhalb von wenigen Minuten zu beantworten. Sie unterstützten das Dunelm Team auch bei der Log-Überwachung zur Erkennung und Behebung von Fehlern.

Mehr Agilität für Entwickler – in jedem Team

Die Edge-Computing-Technologie von Fastly ist hochgradig konfigurierbar und ermöglicht es den Dunelm Teams, die Vorteile der Edge für die Bereitstellung innovativer und personalisierter Kundenerlebnisse zu nutzen. Wenn Entwickler Inspiration oder Informationen benötigen, finden sie in Fastlys umfangreichen DevHub Patterns, Guides und Referenzen sowie Tutorials und Anleitungen. Die Plattform von Fastly erleichtert dem gesamten Team die Verwaltung der Inhaltsbereitstellung an einem zentralen Ort. Dies führt zu einer Standardisierung der CDN-Services im ganzen Unternehmen und fördert die Zusammenarbeit.

Die Entwicklungsabteilung von Dunelm besteht aus kleinen, autonomen Teams in Großbritannien und Portugal. Beim Plattformteam handelt es sich um einen Shared Service, der DevOps, Automatisierung, Website-Zuverlässigkeit, Tools, Infrastruktur sowie andere Services bereitstellt, auf die das Unternehmen angewiesen ist. Dank der Implementierung von Fastly erhalten Developer jetzt während des gesamten Entwicklungszyklus effektivere Unterstützung durch Daten und Erkenntnisse, die zu besseren Entscheidungen führen. Das Log Streaming in Echtzeit von Fastly wurde so konfiguriert, das Logs in einem Format, das von Datadog, einer cloudbasierten Monitoring- und Analyselösung, gelesen werden kann, direkt an diesen Service gesendet werden. So erhält Dunelm bessere Einblicke in die Website-Performance und potenzielle Probleme.

Verbesserungen bei der Performance in der Größenordnung von 800-900 %

Seit der Implementierung von Fastly ist Dunelm.com blitzschnell geworden. Während der COVID-19-Pandemie kam es zu einem deutlichen Anstieg der Nachfrage, da immer mehr Menschen online und mobil einkaufen wollen. Die Skalierung der Infrastruktur von Dunelm zur Deckung der gestiegenen Nachfrage verlief mit Fastly völlig reibungslos.

Das Plattformteam führte kürzlich Load-Tests auf den Produktivservern durch, um die durch den Wechsel zu Fastly erzielten Verbesserungen zu messen. Dabei wurde der trafficstärkste Tag im Jahr 2019 mit dem bisher trafficstärksten Tag während der COVID-19-Pandemie im Jahr 2020 verglichen und eine Verbesserung der Seitenladezeit um 500 % auf der gesamten Website gemessen. Auf bestimmten Seiten konnte das Team sogar eine Verbesserung um satte 800-900 % feststellen.