Le site de 1stDibs, riche en images, offre une expérience utilisateur rapide et haut de gamme aux acheteurs de produits de luxe.

Le défi

Imaginez que vous signaliez un besoin urgent de purger le contenu du cache et que votre fournisseur CDN vous indique que cela prendrait une heure. C’est la situation à laquelle 1stDibs a été confronté avec son fournisseur obsolète, et elle était insoutenable. Du premier clic à l'achat, la rapidité est le moteur du succès. 1stDibs avait besoin de purges de cache rapides pour garantir la distribution de contenu frais et précis – particulièrement crucial lorsque les clients peuvent envisager l'achat d'une bibliothèque ancienne à 6 000 dollars ou d'un collier vintage à 60 000 dollars. L’optimisation de la mise en cache réduit les temps de chargement de la page et assure les meilleures performances possibles pour chaque utilisateur, peu importe où il se trouve. « Les performances et l’expérience utilisateur sont incroyablement importantes pour les sites de e-commerce comme 1stDibs », a déclaré Tim Whidden, vice-président de l’ingénierie chez 1stDibs "Lorsque nous n'avons pas pu obtenir une purge en quelques secondes, nous sommes passés à Fastly."

La solution

1stDibs a amélioré sa vitesse et ses performances grâce aux fonctionnalités de Fastly, notamment la purge et la distribution de contenu ultrarapides, l’optimisation d’images facile et le Compute en périphérie. « Je ne pense pas que vous puissiez gérer un site e-commerce avec le volume de trafic que nous avons sans les services que Fastly fournit. » La mise en cache en périphérie, l'optimisation des images et la capacité d'exécuter du code en périphérie pour rendre transparent un ensemble disparate de Services que nous exécutons en coulisses dans un seul domaine. « Je ne sais pas ce que nous ferions sans Fastly », a déclaré Whidden

Accélération vers des temps de chargement de page « incroyables » inférieurs à 200 ms

Le besoin de temps de chargement de page rapides est bien établi dans l'e-commerce : les taux de conversion chutent rapidement lorsque les utilisateurs atteignent la barre des 2 secondes. Mais les performances d'une page peuvent également aider à déterminer si un utilisateur voit votre site du tout. « Vous êtes jugé par Google sur la performance de vos pages », a déclaré Whidden. Les chargements rapides des pages sont essentiels pour le SEO, et des temps de chargement lents peuvent nuire aux classements. Depuis qu'il est passé à Fastly, Whidden a déclaré : « Notre page d'accueil s'affiche presque instantanément pour tout le monde, ce qui est incroyable. » 

Avec Fastly, 75 % des utilisateurs reçoivent une distribution en moins de 50 millisecondes et 95 % en moins de 200 ms. Comparez cela au temps de chargement de la page moyen de la première page des résultats de recherche Google — 1,65 seconde secondes—et 1stDibs obtient des résultats de 88 % à 97 % meilleurs que ceux de ses concurrents. 

Éliminer le travail manuel dans la gestion des images

1stDibs se spécialise dans le design, la mode et l'art, donc des images de haute qualité et haute résolution sont primordiales. La plupart des vendeurs partagent plusieurs photos pour capturer les articles sous tous les angles et mettre en valeur chaque détail important, ce qui se traduit par des millions d'images sur le site. « Nous encourageons nos vendeurs à télécharger les plus grandes images possibles, mais nous devons ensuite les afficher dans de nombreuses tailles différentes », a déclaré Whidden L’Image Optimizer de Fastly permet à 1stDibs de redimensionner les images à la volée, offrant ainsi à ses concepteurs UX la flexibilité de modifier les designs et d’utiliser différentes tailles d’images sans les tracas du prétraitement de chacune ni le coût supplémentaire de leur stockage et récupération. « L’optimisation d’images nous permet de redimensionner et de formater ces images de manière asynchrone, des vignettes aux grandes images agrandies sur les pages de détails des produits », a déclaré Whidden.

Performances et flexibilité en périphérie

Lorsque Fastly a introduit Compute, 1stDibs a saisi l’opportunité de personnaliser en périphérie. L’entreprise a commencé à écrire la logique de périphérie de manière à pouvoir être soumise à des tests unitaires et d’intégration afin d’être plus confiante dans le déploiement des modifications de code sans interruption. « Parce que la solution Fastly utilise WebAssembly, nous avons bénéficié d'une durée d’exécution personnalisée et très performante en périphérie, gérant tout le trafic allant vers 1stDibs.com. » Whidden a déclaré. L'équipe 1stDibs aime également pouvoir écrire en TypeScript, l'un des nombreux langages officiellement pris en charge par Compute.

Points clés à retenir

Les résultats pour 1stDibs : grâce à la plateforme de distribution de contenu et de développement Fastly, « Les utilisateurs bénéficient d’une expérience très, très rapide lorsqu’ils viennent sur notre site », a déclaré Whidden. " Fastly nous aide en termes d'efficacité et de coûts, mais c'est bien plus que cela. L'ensemble de produits Fastly est ce dont nous avons besoin à un niveau fondamental pour gérer notre site Web de manière à servir nos utilisateurs et à être efficace pour notre entreprise.