Die bilderreiche Website von 1stDibs liefert schnelle, hochwertige User Experiences für Luxuskäufer

Die Herausforderung

Stellen Sie sich vor, Sie müssen dringend Inhalte aus dem CDN-Cache bereinigen und Ihr CDN-Anbieter teilt Ihnen mit, dass dies eine Stunde dauern würde. Das ist die Situation, mit der 1stDibs bei seinem herkömmlichen Anbieter konfrontiert war, und sie war nicht tragbar. Vom ersten Klick bis zum Kauf treibt Geschwindigkeit den Erfolg an. 1stDibs benötigte schnelle Cache-Bereinigungen, um die Auslieferung von frischen und genauen Inhalten zu gewährleisten – besonders wichtig, wenn Kunden sich ein antikes Bücherregal im Wert von 6.000 $ oder eine Vintage-Halskette im Wert von 60.000 $ ansehen. Durch die Optimierung des Cachings werden die Seitenladezeiten verkürzt und die bestmögliche Performance für jeden Nutzer sichergestellt, unabhängig davon, wo er sich befindet. „Performance und User Experience sind unglaublich wichtig für E-Commerce-Websites wie 1stDibs“, sagte Tim Whidden, VP of Engineering bei 1stDibs. „Als wir die Bereinigung nicht in Sekunden durchführen konnten, wechselten wir zu Fastly.“

Die Lösung

1stDibs erhielt die benötigte Geschwindigkeit und Performance durch Fastly-Funktionen wie blitzschnelles Löschen und Inhaltsauslieferung, einfache Bildoptimierung und Edge Compute. "Ich glaube nicht, dass man eine E-Commerce-Site mit dem Traffic, den wir haben, ohne die Fastly Services betreiben kann." Caching auf der Edge, Bildoptimierung und die Möglichkeit, Code auf der Edge auszuführen, um eine disparate Reihe von Services, die wir im Hintergrund betreiben, nahtlos über eine Domain hinweg zu integrieren. „Ich weiß nicht, was wir ohne Fastly tun würden“, sagte Whidden

Beschleunigung auf „erstaunliche“ Seitenladezeiten unter 200 ms

Die Notwendigkeit schneller Seitenladezeiten ist im E-Commerce allgemein bekannt: Die Conversion-Raten sinken rapide, wenn Nutzer die 2-Sekunden-Marke erreichen. Aber die Performance der Seite kann auch dabei helfen festzustellen, ob ein Nutzer Ihre Website überhaupt sieht. „Sie werden von Google danach beurteilt, wie leistungsfähig Ihre Seiten sind“, sagte Whidden. Schnelle Seitenladezeiten sind entscheidend für die Suchmaschinenoptimierung, und langsame Ladezeiten können sich negativ auf das Ranking auswirken. Seit der Umstellung auf Fastly, sagte Whidden, „wird unsere Homepage praktisch sofort für alle angezeigt, was erstaunlich ist.“ 

Mit Fastly erhalten 75 % der Nutzer die Auslieferung in weniger als 50 Millisekunden und 95 % in weniger als 200 Millisekunden. Vergleichen Sie dies mit der durchschnittlichen Seitenladezeit auf der ersten Seite der Google-Suchergebnisse—1,65 Sekunden. Sekunden – und 1stDibs erzielt zwischen 88 % und 97 % bessere Ergebnisse als die Konkurrenz. 

1stDibs hat sich auf Design, Mode und Kunst spezialisiert. Hochwertige, hochauflösende Bilder sind daher das A und O. Die meisten Verkäufer teilen mehrere Fotos, um die Artikel aus jedem Blickwinkel zu erfassen und jedes wichtige Detail hervorzuheben, was zu Millionen von Bildern auf der Website führt. "Wir ermutigen unsere Verkäufer, die größten Bilder hochzuladen, die sie können, aber dann müssen wir sie in vielen verschiedenen Größen anzeigen," sagte Whidden. Der Fastly Image Optimizer ermöglicht es 1stDibs, Bilder in Echtzeit zu skalieren, sodass die UX-Designer die Flexibilität haben, Designs zu ändern und verschiedene Bildgrößen zu verwenden, ohne den Aufwand des Vorberechnens jedes einzelnen Bildes oder die zusätzlichen Kosten für das Speichern und Abrufen tragen zu müssen. „Bildoptimierung ermöglicht es uns, die Größe und das Format dieser Bilder flexibel anzupassen, von Miniaturansichten bis hin zu großen vergrößerten Bildern auf den Produktdetailseiten“, sagte Whidden. 

Performance und Flexibilität am Edge

Als Fastly Compute einführte, nutzte 1stDibs die Gelegenheit zur Anpassung am Edge. Das Unternehmen begann, die Edge-Logik so zu schreiben, dass sie Unit- und Integrationstests unterzogen werden konnte, um mehr Vertrauen in das Deployen von Codeänderungen ohne Unterbrechungen zu haben. „Da die Lösung von Fastly WebAssembly verwendet, profitierten wir von einer wirklich leistungsstarken, custom Laufzeit am Edge, die den gesamten Traffic zu 1stDibs.com ausführt.“ Whidden sagte. Dem 1stDibs-Team gefällt es auch, in TypeScript zu schreiben, einer der mehreren Sprachen, die Compute offiziell unterstützt.

Wichtige Erkenntnisse

Das Fazit für 1stDibs: Dank der Inhaltsauslieferung und der Entwicklerplattform von Fastly, „erleben die Nutzer eine sehr, sehr schnelle Erfahrung, wenn sie unsere Website besuchen“, sagte Whidden. „Fastly hilft uns bei der Effizienz und Kostensenkung, aber es ist noch mehr als das.“ "Das Produktangebot von Fastly ist genau das, was wir auf grundlegender Ebene benötigen, um unsere Website so zu betreiben, dass sie unseren Nutzern dient und für unser Geschäft effizient ist.“