Home Customer Success Stories Cómo el sitio Jamstack de Universal Standard prosperó en Edgio
Applications

Cómo el sitio Jamstack de Universal Standard prosperó en Edgio

Edgio +
Estándar universal
40
40% menos tasa de rebote
600
sra.
Cargas de página de 600 ms desde PLP a PDP
200
elevación del 200% en la tasa de conversión en el móvil
customer-logo-universal-standard-color
INSTANTÁNEA DEL CLIENTE

Descubra cómo la solución Jamstack de Edgio transformó la experiencia digital de Universal Standard e inició un crecimiento notable

Universal Standard es un minorista de moda en línea que ofrece el surtido de ropa más inclusivo del mundo. Impulsados por la innovación y el establecimiento de nuevos estándares, los desarrolladores de Universal Standard buscaron una solución moderna de sitio web Jamstack para mejorar su experiencia digital.

Para beneficiarse de la velocidad del sitio y la velocidad del desarrollador web, Universal Standard eligió Edgio como su plataforma todo en uno para desarrollar y ejecutar su sitio dinámico. El minorista de moda ahora despliega su subsegundo tienda Nuxt semanalmente y ha elevado la tasa de conversión móvil en un 200%, en Edgio.

“La plataforma en sí es muy, muy rápida”.

Justin Metros, Jefe de Tecnología, Estándar Universal

Desafío de Estándar Universal

Antes de Edgio, UniversalStandard.com era un sitio tradicional de Shopify, escrito en su lenguaje de plantilla Liquid, alojado y servido en los servidores de la tienda, y desplegado en su CDN.

A medida que el sitio se hizo más complejo, las cargas de página se ralentizaron y las iteraciones rápidas se volvieron más difíciles en la arquitectura monolítica. El equipo necesitaba más flexibilidad en todas las áreas, desde el trabajo con datos, hasta la visualización de la interfaz de usuario, hasta el control del sitio en sí.

Solución de Universal Standard

El primer paso hacia una mejor solución fue desacoplar el frontend del backend para una arquitectura sin cabeza. Al hacer esto, Universal Standard podría aprovechar las mejores herramientas de su clase en el ecosistema de Jamstack mientras sigue utilizando Shopify para su CMS de comercio electrónico sin cabeza y su sistema de pago.

A continuación, el equipo eligió una plataforma de alojamiento cuya tecnología satisfizo sus necesidades de velocidad del sitio web, gestión de CDN e informes, acompañado de una buena experiencia de desarrollador. La solución de aplicaciones de Edgio se convirtió en su poderosa solución para desarrollar, implementar, ejecutar y monitorear su frontend sin cabeza.

Hoy en día, UniversalStandard.com es un sitio web de Nuxt con un backend de GraphQL para recuperar los datos comerciales almacenados en Shopify y Prismic. Entre la capa de datos y el frontend ahora vive Edgio, que almacena en caché los datos de GraphQL y Nuxt.js.

Cuanto más rápida y fácil sea usar una plataforma, más podrá ahorrar tiempo y hacer más. Con la arquitectura anterior, la creación de diferentes entornos de puesta en escena se volvió difícil y engorrosa y las herramientas de desarrollo fueron inadecuadas.

El jefe de tecnología explicó que los flujos de trabajo basados en Git de Edgio y las herramientas modernas significaban despliegues más rápidos y frecuentes. El equipo puede trabajar de forma independiente, ejecutar reglas de borde localmente, previsualizarlas en preproducción y proporcionar retroalimentación en tiempo real.

“Tengo todo lo que necesito para resolver problemas y ser productivo”, afirmó Metros.

Las implementaciones en Edgio son precisas, responsables y verificables. Cada vez que el equipo crea una rama, obtienen despliegues atómicos y retrocesos instantáneos. “La velocidad del desarrollador ha aumentado dramáticamente”.

Inmediatamente después del lanzamiento en Edgio, las cargas de página de Universal Standard cayeron a 1,5 segundos fuera de la caja. Anteriormente, los compradores esperaban 4-7 segundos en promedio para que se cargara una página de producto, incluso con buenas condiciones de red.

Para optimizar aún más la velocidad, el equipo aprovechó el caching de borde a través de EdgeJS de Edgio. El sitio web de comercio electrónico rompió su récord y logró cargas de páginas inferiores a segundos al controlar el almacenamiento en caché dentro del código de aplicación de Universal Standard. Además, el sitio de comercio electrónico está pasando Core Web Vitals en todas las páginas clave con la ayuda de la supervisión en tiempo real.

Al igual que la mayoría de los sitios de comercio electrónico, el contenido de productos de Universal Standard (es decir, inventario y precios) se actualiza por minuto, por lo que las páginas dinámicas son necesarias para las actualizaciones en tiempo real. En Edgio, el minorista almacena más del 95% de su contenido dinámico en el borde a través de casi 100 puntos de presencia (Pops) globales.

“El número de pops reduce la cantidad de tiempo que se tarda en esos viajes de ida y vuelta a la red, lo que hace que nuestra latencia y los tiempos de ping sean extremadamente bajos”, dijo Metros.

En promedio, la página de inicio de UniversalStandard.com’s cargas en 1.05s y las transiciones de las páginas de listado de productos (PLP) a las páginas de descripción de productos (PDP) se cargan en 600 ms.

“El número de pops reduce la cantidad de tiempo que se tarda en esos viajes de ida y vuelta a la red, lo que hace que nuestra latencia y los tiempos de ping sean extremadamente bajos”, dijo Metros.

Antes de que Universal Standard tomara la decisión de cambiar a una arquitectura sin cabeza y volver a la plataforma a las soluciones de aplicaciones de Edgio, alrededor del 50% del tráfico se dirigía a dispositivos móviles y de escritorio. La tasa de conversión en móviles, sin embargo, no podía competir con el escritorio.

Con las capacidades de rendimiento de Edgio, Universal Standard ahora ve que alrededor del 70% del tráfico proviene de dispositivos móviles, lo que ha triplicado la tasa de conversión, aumentado el valor promedio de los pedidos en un 42%, disminuyó la tasa de rebote en un 40% y aumentó los ingresos en un 81% año tras año.

Los usuarios móviles pasan el triple de tiempo en el sitio, con una duración de hasta un 200%. “Está claro que nuestros usuarios disfrutan más de su experiencia con un sitio más rápido”.

Universal Standard tiene un canal compartido de Slack con desarrolladores e ingenieros de soluciones de Edgio para resolver problemas rápidamente y ofrecer ayuda. «El equipo de Edgio es fenomenal», dijo Metros, «el equipo siempre viene a la mesa con ideas y una disposición para ayudar, y son muy conocedores».

Cuando nuestros clientes se sienten empoderados para construir las mejores soluciones de su clase para sus necesidades específicas, ganamos como empresa. Entendemos las complejidades de ejecutar un sitio web dinámico de comercio electrónico y contamos con equipos dedicados que brindan soporte en cualquier paso del camino.

Website
Industry
Company Size
11-50
Products
Icon_Dev_Interface_icon_gradient
Aplicaciones
Seguridad / Rendimiento / Edge Computing / Más
Icon_Globe_icon_gradient
Entrega
Acelerar / proteger / entregar / más