Home Customer Success Stories Como o local da Jamstack da Universal Standard prosperou em Edgio
Applications

Como o local da Jamstack da Universal Standard prosperou em Edgio

Edgio +
Padrão Universal
40
40% menor taxa de rejeição
600
ms
A página de 600 ms é carregada do PLP ao PDP
200
aumento de 200% na taxa de conversão em dispositivos móveis
customer-logo-universal-standard-color
INSTANTÂNEO DO CLIENTE

Saiba como a solução Jamstack da Edgio transformou a experiência digital da Universal Standard e desencadeou um crescimento notável

A Universal Standard é uma loja de moda online que oferece a mais ampla gama de roupas com inclusão de tamanho do mundo. Impulsionados pela inovação e estabelecendo novos padrões, os desenvolvedores da Universal Standard procuraram uma moderna solução de website Jamstack para melhorar a sua experiência digital.

Para beneficiar da velocidade do site e da velocidade do programador web, a Universal Standard escolheu o Edgio como a sua plataforma tudo-em-um para desenvolver e executar o seu site dinâmico. A loja de moda agora implanta a sua loja Nuxt de segunda vez semanalmente e aumentou a taxa de conversão móvel em 200%, no Edgio.

“A plataforma em si é muito, muito rápida.”

Justin Metros, Chefe de Tecnologia, Universal Standard

Desafio do Padrão Universal

Antes de Edgio, o UniversalStandard.com era um site tradicional da Shopify, escrito em sua linguagem de modelos líquidos, hospedado e servido nos servidores da loja, e implantado em sua CDN. À medida que o site se tornou mais complexo, o carregamento de páginas abrandou e as iterações rápidas tornaram-se mais difíceis na arquitetura monolítica. A equipa precisava de mais flexibilidade em todas as áreas, desde trabalhar com dados, até à visualização da interface do utilizador, até ao controlo do próprio site.

A solução da norma universal

O primeiro passo para uma solução melhor foi dissociar o frontend do back-end para uma arquitetura sem cabeça. Ao fazer isso, a Universal Standard poderia aproveitar as melhores ferramentas do ecossistema Jamstack enquanto ainda usava a Shopify para seu CMS e sistema de pagamento sem cabeça.

Em seguida, a equipa escolheu uma plataforma de alojamento cuja tecnologia atendia às suas necessidades de velocidade do website, gestão de CDN e relatórios, acompanhada por uma boa experiência de desenvolvimento. A solução de aplicação de Edgio tornou-se a sua poderosa solução para desenvolver, implementar, executar e monitorizar o seu frontend sem cabeça.

Hoje, o UniversalStandard.com é um site Nuxt com um backend do GraphQL para buscar dados de negócios armazenados no Shopify e no Prismic. Entre a camada de dados e o frontend agora vive Edgio, que armazena em cache dados de GraphQL e Nuxt.js.

Quanto mais rápida e fácil for usar uma plataforma, mais um desenvolvedor pode economizar tempo e fazer mais. Com a arquitetura anterior, criar diferentes ambientes de encenação tornou-se difícil e complicado e as ferramentas de desenvolvimento eram inadequadas.

O Chefe de Tecnologia explicou que os fluxos de trabalho baseados no Git e as ferramentas modernas de Edgio significavam implementações mais rápidas e mais frequentes. A equipa pode trabalhar de forma independente, executar regras de ponta localmente, visualizá-las na pré-produção e fornecer feedback em tempo real.

“Tenho tudo o que preciso para resolver problemas e ser produtivo”, afirmou Metros.

As implantações no Edgio são precisas, responsáveis e testáveis. Cada vez que a equipa cria uma ramificação, recebe imploações atómicas e reversos instantâneos. “A velocidade do revelador aumentou drasticamente.”

Imediatamente após o lançamento no Edgio, o carregamento de páginas do Universal Standard caiu para 1,5 segundos fora da caixa. Anteriormente, os compradores estavam à espera de 4-7 segundos, em média, para que uma página de produto fosse carregada, mesmo com boas condições de rede.

Para otimizar ainda mais a velocidade, a equipa utilizou o armazenamento em cache de borda através do Edgio Edgogs. O site de comércio eletrônico quebrou o seu recorde e alcançou carregamentos de páginas inferiores ao controlar o armazenamento em cache dentro do código de aplicação da Universal Standard. Além disso, o site de comércio eletrônico está passando Core Web Vitals em todas as páginas-chave com a ajuda de monitoramento em tempo real.

Tal como a maioria dos sites de comércio eletrónico, o conteúdo do produto da Universal Standard (ou seja, inventário e preços) é atualizado a cada minuto, pelo que são necessárias páginas dinâmicas para atualizações em tempo real. No Edgio, o retalhista armazena em cache mais de 95% do seu conteúdo dinâmico através de quase 100 pontos de presença globais (POPs).

“O número de POPs reduz a quantidade de tempo que leva para essas idas à rede, tornando a nossa latência e tempos de ping extremamente baixos”, afirmou Metrôs.

Em média, UniversalStandard.com’s carregamentos de página inicial em 1,05s e transições de páginas de listagem de produtos (PLP) para páginas de descrição de produtos (PDP) carregadas em 600 ms.

“O número de POPs reduz a quantidade de tempo que leva para essas idas à rede, tornando a nossa latência e tempos de ping extremamente baixos”, afirmou Metrôs.

Antes da Universal Standard tomar a decisão de mudar para uma arquitetura sem cabeça e re-plataforma para as soluções de aplicativos da Edgio, cerca de 50% do tráfego estava indo tanto para dispositivos móveis quanto para computadores. A taxa de conversão no celular, no entanto, não podia competir com o desktop.

Com as capacidades de desempenho do Edgio, a Universal Standard agora vê que cerca de 70% do tráfego vem de dispositivos móveis, o que triplicou a taxa de conversão, aumentou o valor médio da encomenda em 42%, diminuiu a taxa de rejeição em 40% e aumentou a receita em 81% em relação ao ano anterior.

Os utilizadores móveis passam o triplo do tempo no local, com durações acima de 200%. “É claro que os nossos utilizadores estão a desfrutar mais da sua experiência com um site mais rápido.”

A Universal Standard tem um canal de folga partilhado com os programadores e engenheiros de soluções Edgio para resolver rapidamente problemas e oferecer ajuda. “A equipa de Edgio é fenomenal,” disse Metrôs, “a equipa vem sempre à mesa com ideias e vontade de ajudar – e eles são super conhecedores.”

Quando os nossos clientes se sentem capacitados para construir as melhores soluções da sua classe para as suas necessidades específicas, nós ganhamos como uma empresa. Compreendemos as complexidades de gerir um website de comércio eletrónico dinâmico e temos equipas dedicadas a prestar apoio a qualquer passo do caminho.

Website
Industry
Company Size
11-50
Products
Icon_Dev_Interface_icon_gradient
Aplicações
Segurança / Desempenho / Computação de Borda / Mais
Icon_Globe_icon_gradient
Entrega
Acelerar / proteger / entregar / mais