• Überblick

    • wanelo.com
    • Branche: E-Commerce
    • Standort: San Francisco, CA
    • Kunde seit: September 2013
  • Lieblingsfunktionen

    • Instant Purge
    • Origin Shield
    • Surrogate Keys
  • Warum Fastly

    • Sofortige Updates
    • Hohe Cache-Hitraten
    • Schnelle Bereitstellung
Wanelo Screenshot Desktop

Wanelo erreicht eine Cache-Hitrate von 98 % bei millionenfachem Anstieg der Nutzerzahlen

Wanelo, Crunchies Preisträger 2013 für die beste E-Commerce-Anwendung, bringt Onlineshops, Produkte und Menschen in einer werbefreien Onlineshopping-Community zusammen. Die Nutzerzahlen des Unternehmens sind im letzten Jahr enorm gestiegen. Auf großen Einzelhandels-Websites wie Urban Outfitters und der mobilen Website von Rag & Bone findet man neben den Buttons von Twitter und Pinterest eine Wanelo Schaltfläche. Mit Fastly verbesserte Wanelo die mobile Performance, verkürzte die Antwortzeiten und erreichte eine Cache-Hitrate von 98 % bei einer gleichzeitigen Steigerung der Nutzerzahlen um 1.000 % in nur einem Jahr.

Wanelo Screenshot mobil

Herausforderungen

Als die Nutzerzahlen von Wanelo stiegen, brauchte der Anbieter eine Möglichkeit, seine ursprüngliche Java Plattform schnell und effizient zu skalieren. Für eine bildreiche Website mit unendlichem Scrollen und einer großen Zahl mobiler Nutzer war es entscheidend, Bilder schnell bereitstellen und ein reibungsloses, schnelles Erlebnis bieten zu können. Außerdem integrierten immer mehr große Einzelhändler Wanelos „Speichern“-Button in ihre Websites. Es musste also auch sichergestellt werden, dass unerwartete Anfragespitzen die Origin-Server nicht überlasteten und die Performance nicht beeinträchtigten.

Wanelo Icons

Lösungen

Als Wanelo eine komplett neue Plattform entwickelte, schaltete das Unternehmen Fastly vor seine ursprüngliche Plattform, um die Performance zu beschleunigen und den Entwicklern wertvolle Zeit zu sparen. Da die Seite sehr bildlastig ist, war es sinnvoll, Fastly vor den S3 Bildercache von Wanelo zu schalten, um eine schnellere Auslieferung der Bilder an die Nutzer zu gewährleisten.

„Indem wir Fastly vor die gesamte Java Plattform schalteten, konnten wir ohne Quellcodeänderung die ältere Plattform skalieren und während des Umstiegs auf unsere neue Plattform das Wachstum aufrechterhalten. Ohne ein CDN wie Fastly hätten wir nicht so schnell und effizient arbeiten können.“ Konstantin Gredeskoul, CTO

Wanelo nutzt Fastly auch, um API Calls zu beschleunigen, zum Beispiel seinen „Trending Feed“ – eine scrollende Liste von Produktbildern, die für alle zugänglich ist. Damit bietet der Anbieter ein schnelles und reibungsloses Einkaufserlebnis, insbesondere für Nutzer von Mobilgeräten, die 80 % seiner Nutzer ausmachen.

„Ohne Fastly könnten wir APIs nicht so einfach cachen. APIs sind ein integraler Bestandteil fast aller mobilen Anwendungen. Wenn man sie nicht in seiner App cacht, dann opfert man unnötig Performance.“

Konstantin Gredeskoul, CTO

Wanelo nutzt Fastlys Instant Purge und Surrogate Keys in Varnish, um Caching-Anfragen anzupassen und verwandte Inhalte auf der gesamten Website schnell zu aktualisieren. Wenn zum Beispiel alle gespeicherten Produkte im Profilraster eines Nutzers mit einem Surrogate Key versehen werden, kann Wanelo mit einem einzigen API Call alle Seiten mit gespeicherten Produkten sofort invalidieren, sobald ein Nutzer ein neues Produkt speichert.

„Wir wissen, dass wir bei Bedarf mehr API Calls über Fastly routen können. Mit VCL können wir zudem diverse Modifizierungen vornehmen, um einige dieser Anfragen ohne Codeänderung zu optimieren. Fastly hat uns gezeigt, welche Power und Flexibilität Varnish bietet. Das ist ein großer Vorteil, mit dem wir nicht unbedingt gerechnet haben – aber einer, den wir gerne nutzen!“ Konstantin Gredeskoul, CTO

Wanelo stellt seine „Speichern“-Buttons direkt über Fastly bereit. Um seine Server zu schützen, wenn große E-Commerce-Sites den Button hinzufügen und die Anfragen durch die Decke gehen, nutzt das Unternehmen Fastlys Origin Shield und Request Collapsing.

Wanelo Screenshot

Ergebnisse

„Unsere Nutzer erwarten Geschwindigkeit und Performance. Bei älteren CDNs wie Akamai kann es oft Stunden bis zum Ablauf dauern. Wir verwenden Fastly für das Bild- und API-Caching, weil unsere Nutzer schnelle Ladezeiten erwarten. Sobald Sie einmal bei Fastly sind, möchten Sie nie wieder wechseln. Warum sich die Mühe machen, wenn es so schnell geht?“ Konstantin Gredeskoul, CTO

Auch wenn immer mehr Einzelhändler den „Speichern“-Button in ihre Websites integrieren, bringt ein hohes Anfragevolumen die Website nicht zum Absturz, da diese Buttons über Fastly ausgeliefert werden.

Mit Fastly vor Wanelos Bilder-Cache können Zehntausende von Bildern pro Sekunde effizient ausgeliefert werden. Die Implementierung von Fastlys Caching in Europa und Australien führte zu signifikanten Performance-Verbesserungen für internationale Nutzer, denen zuvor Bilder aus den USA bereitgestellt wurden. Letztendlich konnte Wanelo so eine Cache-Hitrate von 98 % erreichen und gleichzeitig seine Origin-Server entlasten und die Antwortzeiten verkürzen.

Der Einsatz von Fastly zur Beschleunigung von API Calls hat zu einem „erheblich schnelleren“ Erlebnis für die mobilen Nutzer geführt – einem bedeutenden Teil der aktiven Nutzer von Wanelo.

„Wir wären nicht unbedingt da, wo wir heute mit der Performance unserer Anwendung sind, wenn wir ein anderes CDN gewählt hätten. Die Flexibilität von Varnish gibt uns beispiellose Kontrolle über Caching-Anfragen und den Datenfluss. Wir können selbst auswählen, was wir cachen und wie wir es cachen.“ >>Konstantin Gredeskoul, CTO