El sitio rico en imágenes de 1stDibs distribuye experiencias de uso rápidas y de alta gama para compradores de lujo

El desafío

Imagínate que señalas una necesidad urgente de purgar el contenido de la caché y tu proveedor de red de distribución de contenidos te dice que tardaría una hora. Esa es la situación a la que se enfrentó 1stDibs con su proveedor antiguo, y era insostenible. Desde el primer clic hasta la compra, la velocidad impulsa el éxito. 1stDibs necesitaba purgar rápidamente la caché para asegurar la distribución de contenido fresco y preciso, especialmente crítico cuando los clientes podrían estar mirando una librería antigua de 6 000 $ o un collar vintage de 60 000 $. Optimizar la caché reduce los tiempos de carga de la página y asegura el mejor rendimiento posible para cada usuario, sin importar dónde se encuentren. "El rendimiento y la experiencia de uso son increíblemente importantes para sitios de comercio electrónico como 1stDibs", dijo Tim Whidden, vicepresidente de Ingeniería en 1stDibs. «Cuando no pudimos purgar en segundos, nos cambiamos a Fastly.»

La solución

1stDibs obtuvo la velocidad y el rendimiento que necesitaba gracias a las funciones de Fastly, como la purga y la distribución de contenidos ultrarrápidas, la optimización de imágenes sencilla y el Compute@Edge. «No creo que puedas gestionar un sitio de comercio electrónico con la cantidad de tráfico que tenemos sin los servicios que proporciona Fastly.» El almacenamiento en caché en el borde, la optimización de imágenes y la capacidad de ejecutar código en el borde para que un conjunto dispar de servicios que tenemos en ejecución en segundo plano sea fluido en un solo dominio. No sé qué haríamos sin Fastly», dijo Whidden.

Acelerando a "tiempos de carga de página asombrosos" por debajo de 200 ms

La necesidad de tiempos de carga de la página rápidos está bien establecida en el comercio electrónico: las tasas de conversión caen rápidamente cuando los usuarios alcanzan la marca de los 2 segundos. Pero el rendimiento de la página también puede ayudar a determinar si un usuario ve tu sitio en absoluto. "Google te juzga por el rendimiento de tus páginas", dijo Whidden. Las cargas rápidas de las páginas son cruciales para el SEO, y los tiempos de carga lentos pueden perjudicar negativamente las clasificaciones. Desde que cambiamos a Fastly, Whidden dijo: «nuestra página de inicio se muestra prácticamente al instante para todo el mundo, lo cual es increíble». 

Con Fastly, el 75 % de los usuarios reciben la distribución en menos de 50 milisegundos, y el 95 % en menos de 200 ms. Compara eso con el tiempo de carga de la página promedio en la primera página de los resultados de búsqueda de Google: 1,65. segundos, y 1stDibs obtiene entre un 88 % y un 97 % mejores resultados que la competencia. 

Quitando el trabajo manual de la gestión de imágenes

1stDibs se especializa en diseño, moda y arte, por lo que las imágenes de alta calidad y alta resolución son fundamentales. La mayoría de los vendedores compartís múltiples fotos para capturar los artículos desde todos los ángulos y destacar cada detalle importante, lo que suma millones de imágenes en el sitio. "Animamos a nuestros vendedores a subir las imágenes más grandes que puedan, pero luego necesitamos mostrarlas en muchos tamaños diferentes", dijo Whidden. El Image Optimizer de Fastly permite a 1stDibs ajustar el tamaño de las imágenes al vuelo, de modo que sus diseñadores de experiencia de uso tienen la flexibilidad de cambiar diseños y utilizar diferentes tamaños de imagen sin la molestia del preprocesamiento de cada una de ellas ni el coste añadido de almacenarlas y recuperarlas. "La optimización de imágenes nos permite ajustar el tamaño y formatear esas imágenes, desde miniaturas hasta grandes imágenes ampliadas en las páginas de detalles del producto", dijo Whidden. 

Rendimiento y flexibilidad en el edge

Cuando Fastly introdujo Compute, 1stDibs aprovechó la oportunidad para personalizar en el edge. La empresa comenzó a escribir la lógica en el edge de manera que pudiera someterse a pruebas unitarias y de integración, para que pudieras tener más confianza al desplegar cambios de código sin interrupciones. «Debido a que la solución de Fastly utiliza WebAssembly, obtuvimos la ventaja de un tiempo de ejecución personalizado y de alto rendimiento en el borde que gestiona todo el tráfico hacia 1stDibs.com» —dijo Whidden. Al equipo de 1stDibs también le gusta poder escribir en TypeScript, uno de los varios lenguajes que Compute admite oficialmente.

Conclusiones clave

El resultado final para 1stDibs: gracias a la plataforma de distribución de contenidos y desarrollo de Fastly,
"Los usuarios están teniendo una experiencia muy, muy rápida cuando visitan nuestro sitio," dijo Whidden. "Fastly nos ayuda con la eficiencia y los costes, pero es incluso más que eso. El conjunto de productos de Fastly es lo que necesitamos a un nivel fundamental para operar nuestro sitio web de manera que sirva a nuestros usuarios y sea eficiente para nuestro negocio."