1stDibs est reconnu pour avoir fait entrer la vente d’œuvres d’art et d’antiquités dans le XXIe siècle. Depuis sa création en 2000, 1stDibs a mis en place une place de marché en ligne unique en son genre où les acheteurs peuvent trouver des vendeurs soigneusement sélectionnés proposant du mobilier, des œuvres d’art, des bijoux de luxe, des montres et des marques haut de gamme. 1stDibs collabore avec plus de 7 600 vendeurs issus de plus de 50 pays, et son site web compte 6,3 millions d’utilisateurs enregistrés.

Le site riche en images de 1stDibs livre des expériences utilisateur rapides et haut de gamme pour les acheteurs de luxe

Le défi

Imaginez que vous signaliez un besoin urgent de purger du contenu du cache et que votre fournisseur de CDN vous réponde que cela prendrait une heure. C’est la situation à laquelle 1stDibs était confrontée avec son ancien fournisseur, et cela n’était plus tenable. Du premier clic à l’achat, la rapidité est le moteur du succès. 1stDibs avait besoin de purges rapides du cache pour garantir la diffusion d’un contenu à jour et précis, ce qui est particulièrement crucial lorsque les clients peuvent être en train de consulter une bibliothèque ancienne à 6 000 $ ou un collier vintage à 60 000 $. L’optimisation de la mise en cache réduit les temps de chargement des pages et garantit les meilleures performances possibles à chaque utilisateur, où qu’il se trouve. « Les performances et l’expérience utilisateur sont extrêmement importantes pour les sites de commerce électronique comme 1stDibs, a déclaré Tim Whidden, vice-président de l’ingénierie chez 1stDibs. Lorsque nous ne parvenions plus à effectuer la purge en quelques secondes, nous sommes passés à Fastly. »

La solution

1stDibs a gagné en vitesse et en performances grâce aux fonctionnalités de Fastly, notamment la purge et la diffusion de contenu ultra-rapides, l’optimisation facile des images et le calcul en périphérie. « Je ne pense pas qu’il soit possible de gérer un site de e-commerce avec un trafic aussi important que le nôtre sans les services fournis par Fastly. La mise en cache en périphérie, l’optimisation des images et la possibilité d’exécuter du code en périphérie permettent de faire fonctionner de manière transparente, sous un même domaine, un ensemble hétérogène de services que nous exploitons en arrière-plan. Je ne sais pas ce que nous ferions sans Fastly », a déclaré T. Whidden.

Bénéficiez de temps de chargement de page « exceptionnels », sous la barre des 200 ms

Dans le monde du e-commerce, la nécessité de temps de chargement rapides est une évidence : les taux de conversion chutent rapidement dès que les utilisateurs passent la barre des 2 secondes. Mais les performances des pages peuvent également déterminer si un utilisateur consulte votre site ou non. « Google vous évalue en fonction des performances de vos pages », a déclaré T. Whidden. La rapidité de chargement des pages est essentielle pour le référencement naturel (SEO), et des temps de chargement élevés peuvent avoir un impact négatif sur le classement. Depuis le passage à Fastly, a indiqué T. Whidden, « notre page d’accueil s’affiche pratiquement instantanément pour tout le monde, ce qui est incroyable ». 

Avec Fastly, 75 % des utilisateurs bénéficient d’un temps de chargement inférieur à 50 millisecondes, et 95 % à moins de 200 ms. Si l’on compare ces chiffres au temps moyen de chargement de la première page des résultats de recherche Google (1,65 seconde), 1stDibs affiche des performances entre 88 % et 97 % supérieures à celles de ses concurrents.

Éliminer le travail manuel lié à la gestion des images

1stDibs est spécialisé dans le design, la mode et l’art : des images de haute qualité et en haute résolution sont donc indispensables. La plupart des vendeurs partagent plusieurs photos pour montrer les articles sous tous les angles et mettre en valeur chaque détail important, ce qui représente des millions d’images sur le site. « Nous encourageons nos vendeurs à charger les images les plus volumineuses possibles, mais nous devons ensuite les afficher dans de nombreuses tailles différentes », explique T. Whidden. L’Image Optimizer de Fastly permet à 1stDibs de redimensionner les images à la volée, ce qui offre à ses designers UX la flexibilité de modifier les mises en page et d’utiliser différentes tailles d’images sans avoir à les prétraiter une à une ni à supporter les coûts supplémentaires liés à leur stockage et à leur récupération. « Image Optimization nous permet de redimensionner et de formater ces images de manière différée, qu’il s’agisse de vignettes ou de grandes images agrandies sur les pages de détails des produits », explique T. Whidden.

Performances et flexibilité en périphérie

Lorsque Fastly a lancé Compute, 1stDibs a saisi l’occasion de personnaliser ses solutions en périphérie. L’entreprise a commencé à écrire une logique de périphérie pouvant faire l’objet de tests unitaires et d’intégration, afin de pouvoir déployer des modifications de code en toute confiance et sans interruption. « La solution de Fastly utilisant WebAssembly, nous avons bénéficié d’un environnement d’exécution personnalisé et très performant en périphérie, traitant l’ensemble du trafic destiné à 1stDibs.com », a déclaré T. Whidden. L’équipe de 1stDibs apprécie également de pouvoir écrire en TypeScript, l’un des nombreux langages officiellement pris en charge par Compute.

Principaux enseignements

Conclusion pour 1stDibs : grâce à la plateforme de distribution de contenu et de développement de Fastly, «  es utilisateurs bénéficient d’une expérience très, très rapide lorsqu’ils visitent notre site, explique T. Whidden. Fastly nous aide en termes d’efficacité et de coûts, mais cela va bien au-delà. La gamme de produits Fastly correspond exactement à ce dont nous avons besoin pour exploiter notre site web de manière à servir nos utilisateurs tout en garantissant l’efficacité de notre activité. »