A 1stDibs se le atribuye haber llevado el mercado del arte y las antigüedades al siglo XXI. Fundada en el año 2000, 1stDibs creó un mercado online único en su género donde los compradores pueden encontrar una selección de vendedores de muebles, arte, joyería de alta gama, relojes y marcas de moda de lujo. 1stDibs colabora con más de 7600 vendedores de más de 50 países y su página web cuenta con 6,3 millones de usuarios registrados.
La web de 1stDibs, repleta de imágenes, ofrece una experiencia de usuario rápida y de alta gama a los compradores de artículos de lujo
El desafío
Imagina que tienes que indicar que necesitas borrar contenido de la caché de forma urgente y tu proveedor de CDN te dice que tardará una hora. Esa era la situación a la que se enfrentaba 1stDibs con su antiguo proveedor, y era insostenible. Desde el primer clic hasta la compra, la velocidad es clave para el éxito. 1stDibs necesitaba purgas rápidas de la caché para garantizar la distribución de contenido actualizado y preciso, algo fundamental cuando los clientes pueden estar mirando una estantería antigua de 6000 USD o un collar vintage de 60 000 USD. Optimizar el almacenamiento en caché reduce los tiempos de carga de las páginas y garantiza el mejor rendimiento posible para todos los usuarios, independientemente de dónde se encuentren. «El rendimiento y la experiencia del usuario son increíblemente importantes para sitios de comercio electrónico como 1stDibs», afirma Tim Whidden, vicepresidente de Engineering en 1stDibs. «Cuando no pudimos conseguir purgar en segundos, nos pasamos a Fastly».
La solución
1stDibs consiguió la velocidad y el rendimiento que necesitaba gracias a las funciones de Fastly, como la purga y la entrega de contenido ultrarrápidas, la optimización sencilla de imágenes y la computación en el edge. «No creo que se pueda gestionar una web de comercio electrónico con el volumen de tráfico que tenemos sin los servicios que ofrece Fastly. El almacenamiento en caché en el edge, la optimización de imágenes y la capacidad de ejecutar código en el edge para que el conjunto de servicios dispares que tenemos funcionando entre bastidores funcione a la perfección en un único dominio. No sé qué haríamos sin Fastly», afirma Whidden.
Aceleración hasta conseguir tiempos de carga de página «increíbles» por debajo de los 200 ms
La importancia de que las páginas se carguen rápido está más que demostrada en el comercio electrónico: las tasas de conversión caen en picado cuando los usuarios superan los 2 segundos. Pero el rendimiento de las páginas también puede influir en que un usuario llegue a ver tu web. «Google te evalúa en función del rendimiento de tus páginas», afirma Whidden. La rapidez en la carga de las páginas es fundamental para el SEO y los tiempos de carga lentos pueden afectar negativamente al posicionamiento. Desde que se pasaron a Fastly, cuenta Whidden, «nuestra página de inicio se carga prácticamente al instante para todo el mundo, algo increíble».
Con Fastly, el 75 % de los usuarios obtienen una respuesta en menos de 50 milisegundos, y el 95 % en menos de 200 ms. Si lo comparamos con el tiempo medio de carga de la primera página de resultados de búsqueda de Google —1,65 segundos—, 1stDibs está consiguiendo resultados entre un 88 % y un 97 % mejores que los de la competencia.
Eliminación del trabajo manual de la gestión de imágenes
1stDibs se especializa en diseño, moda y arte, así que las imágenes de alta calidad y alta resolución lo son todo. La mayoría de los vendedores suben varias fotos para mostrar los artículos desde todos los ángulos y resaltar cada detalle importante, lo que suma millones de imágenes en la web. «Animamos a nuestros vendedores a que suban 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 ajustar el tamaño de las imágenes sobre la marcha, por lo que sus diseñadores de experiencia de usuario tienen flexibilidad para cambiar los diseños y usar diferentes tamaños de imagen sin la molestia de tener que procesarlas previamente ni el coste adicional de almacenarlas y recuperarlas. «La optimización de imágenes nos permite ajustar el tamaño y el formato de esas imágenes sobre la marcha, desde miniaturas hasta imágenes ampliadas en las páginas de detalles del producto», explica Whidden.
Rendimiento y flexibilidad en el edge
Cuando Fastly lanzó Compute, 1stDibs aprovechó la oportunidad para personalizar el código en el edge. La empresa empezó a escribir la lógica del edge de tal forma que pudiera someterse a pruebas unitarias y de integración, para así tener más confianza a la hora de desplegar cambios en el código sin interrupciones. «Como la solución de Fastly usa WebAssembly, nos beneficiamos de un entorno de ejecución personalizado y muy potente en el edge que gestiona todo el tráfico que llega a 1stDibs.com», comenta Whidden. Al equipo de 1stDibs también le gusta poder programar en TypeScript, uno de los lenguajes que Compute admite oficialmente.
Conclusiones principales
En resumen, para 1stDibs, gracias a la plataforma de distribución de contenidos y para desarrolladores de Fastly, «los usuarios disfrutan de una experiencia muy muy rápida cuando visitan nuestra web», asegura Whidden. «Fastly nos ayuda en cuanto a eficiencia y costes, pero va más allá. La gama de productos de Fastly es justo lo que necesitamos a un nivel fundamental para gestionar nuestra web de forma que satisfaga a nuestros usuarios y sea eficiente para nuestro negocio».