A 1stDibs se le atribuye haber llevado las ventas de arte y antigüedades al siglo XXI. Fundada en el año 2000, 1stDibs creó un mercado en línea único en su clase donde los compradores pueden encontrar vendedores cuidadosamente verificados de muebles, arte, joyería fina, relojes y marcas de moda de lujo. 1stDibs trabaja con más de 7,600 vendedores de más de 50 países, y su sitio web cuenta con 6.3 millones de usuarios registrados.
El sitio rico en imágenes de 1stDibs entrega experiencias del usuario rápidas y de alta gama para compradores de lujo
El desafío
Imagina señalar una necesidad urgente de depurar contenido de la caché y que tu proveedor de CDN te diga que tomaría una hora. Esa es la situación a la que se enfrentó 1stDibs con su proveedor legado, y era insostenible. Desde el primer clic hasta la compra, la velocidad impulsa el éxito. 1stDibs necesitaba depuraciones rápidas de caché para garantizar la distribución de contenido fresco y preciso, algo especialmente crítico cuando los clientes podrían estar viendo un librero antiguo de USD 6,000 o un collar vintage de USD 60,000. Optimizar el almacenamiento en caché reduce los tiempos de carga de la página y garantiza el mejor rendimiento posible para cada usuario, sin importar dónde se encuentre. "El rendimiento y la experiencia del usuario son increíblemente importantes para los sitios de e-commerce como 1stDibs", dijo Tim Whidden, vicepresidente de Ingeniería en 1stDibs. "Cuando no pudimos lograr la depuración en segundos, nos cambiamos a Fastly".
La solución
1stDibs obtuvo la velocidad y el rendimiento que necesitaba a través de las funciones de Fastly, que incluyen purga ultrarrápida y distribución de contenido, optimización fácil de imágenes y edge compute. "No creo que puedas operar un sitio de e-commerce con la cantidad de tráfico que tenemos sin los servicios que ofrece Fastly. Almacenamiento en caché en el edge, optimización de imágenes y la capacidad de ejecutar código en el edge para lograr que un conjunto dispar de servicios que ejecutamos en segundo plano funcione sin problemas en un solo dominio. No sé qué haríamos sin Fastly", dijo Whidden.
Acelerando a tiempos de carga de la página "increíbles" de menos de 200 ms
La necesidad de tiempos de carga de la página rápidos está bien establecida en el e-commerce: las tasas de conversión caen rápidamente cuando los usuarios llegan a la marca de los 2 segundos. Pero el rendimiento de la página también puede ayudar a determinar si un usuario llega a ver tu sitio. "Google te juzga por el rendimiento de tus páginas", dijo Whidden. Las cargas rápidas de página son fundamentales para el SEO, y los tiempos de carga lentos pueden afectar negativamente el posicionamiento. Desde que cambiamos a Fastly, dijo Whidden, "nuestra página de inicio aparece de forma prácticamente instantánea para todos, lo cual es increíble".
Con Fastly, el 75% de los usuarios obtiene la distribución en menos de 50 milisegundos, y el 95% en menos de 200 ms. Compara eso con el tiempo promedio de carga de la página en la primera página de resultados de búsqueda de Google —1.65 segundos —y 1stDibs obtiene entre un 88% y un 97% mejores resultados que sus competidores.
Elimina 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 lo son todo. La mayoría de los vendedores comparten varias 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 tenemos que mostrarlas en muchos tamaños diferentes", dijo Whidden. Image Optimizer de Fastly permite a 1stDibs dimensionar imágenes sobre la marcha, por lo que sus diseñadores de UX tienen la flexibilidad de cambiar diseños y usar diferentes tamaños de imagen sin la molestia de preprocesar cada una o el costo adicional de almacenarlas y recuperarlas. "La optimización de imágenes nos permite dimensionar y dar formato a esas imágenes a medida que se necesitan, 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 compañía comenzó a escribir lógica edge de una forma que pudiera someterse a pruebas unitarias y de integración para tener más confianza al desplegar cambios de código sin interrupciones. "Debido a que la solución de Fastly utiliza WebAssembly, nos beneficiamos de un tiempo de ejecución edge personalizado y de alto rendimiento que ejecuta todo el tráfico dirigido a 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.
Puntos clave
El resultado final para 1stDibs: gracias a la distribución de contenido y a la plataforma para desarrolladores de Fastly, "Los usuarios tienen una experiencia muy, muy rápida cuando entran a nuestro sitio", dijo Whidden. "Fastly nos ayuda con la eficiencia y los costos, pero es mucho más que eso. El conjunto de productos de Fastly es lo que necesitamos a nivel fundamental para hacer funcionar nuestro sitio web de una manera que sirva a nuestros usuarios y sea eficiente para nuestro negocio".