Home Customer Success Stories Comment le site JAMstack d’Universal Standard a prospéré sur Edgio
Applications

Comment le site JAMstack d’Universal Standard a prospéré sur Edgio

Edgio +
Norme universelle
40
taux de rebond inférieur de 40 %
600
ms
Chargement de page 600 ms de PLP vers PDP
200
augmentation de 200% du taux de conversion sur mobile
customer-logo-universal-standard-color
INSTANTANÉ CLIENT

Découvrez comment la solution JAMstack d'Edgio a transformé l'expérience numérique d'Universal Standard et a déclenché une croissance remarquable

Universal Standard est un détaillant de mode en ligne offrant l’assortiment de vêtements le plus complet au monde. Motivés par l’innovation et la définition de nouvelles normes, les développeurs d’Universal Standard ont cherché une solution de site Web JAMstack moderne pour améliorer leur expérience numérique.

Pour bénéficier de la vitesse du site et de la vitesse des développeurs web, Universal Standard a choisi Edgio comme plateforme tout-en-un pour développer et exécuter son site dynamique. Le détaillant de mode déploie désormais son magasin Nuxt en moins de seconde chaque semaine et a augmenté son taux de conversion mobile de 200%, sur Edgio.

« La plate-forme elle-même est très, très rapide. »

Justin Metros, responsable de la technologie, Universal Standard

Le défi de la norme universelle

Avant Edgio, UniversalStandard.com était un site Shopify traditionnel, écrit dans son langage de modèle Liquid, hébergé et servi sur les serveurs de la boutique, et déployé sur son CDN. À mesure que le site devenait plus complexe, le chargement des pages ralentit et les itérations rapides devenaient plus difficiles sur l’architecture monolithique. L’équipe avait besoin de plus de flexibilité dans tous les domaines, du travail avec les données à l’affichage de l’interface utilisateur, en passant par le contrôle du site lui-même.

Solution Universal Standard

La première étape vers une meilleure solution a été de découpler le frontend du backend pour une architecture headless. Ce faisant, Universal Standard pourrait tirer parti des meilleurs outils de sa catégorie dans l’écosystème JAMstack tout en continuant à utiliser Shopify pour son CMS de commerce électronique sans tête et son système de paiement.

Ensuite, l’équipe a choisi une plateforme d’hébergement dont la technologie répondait à leurs besoins de vitesse de site web, de gestion CDN et de reporting, accompagnée d’une bonne expérience développeur. La solution applicative d’Edgio est devenue leur solution puissante pour développer, déployer, exécuter et surveiller leur interface sans tête.

Aujourd’hui, UniversalStandard.com est un site Web Nuxt avec un backend GraphQL pour récupérer les données commerciales stockées dans Shopify et Prismic. Entre la couche de données et le frontend vit maintenant Edgio, qui met en cache les données GraphQL et Nuxt.js.

Plus une plateforme est rapide et facile à utiliser, plus un développeur peut gagner du temps et faire plus. Avec l’architecture précédente, la création de différents environnements de préparation devenait difficile et fastidieuse et l’outil de développement était inadéquat.

Le responsable de la technologie a expliqué que les workflows basés sur Git d’Edgio et les outils modernes signifiaient des déploiements plus rapides et plus fréquents. L’équipe peut travailler de manière indépendante, exécuter des règles de périphérie localement, les prévisualiser en pré-production et fournir des commentaires en temps réel.

« J’ai tout ce dont j’ai besoin pour résoudre les problèmes et être productif », a déclaré Metros.

Les déploiements sur Edgio sont précis, responsables et testables. Chaque fois que l’équipe crée une branche, elle obtient des déploiements atomiques et des rollbacks instantanés. « La vitesse du développeur a considérablement augmenté. »

Immédiatement après le lancement sur Edgio, les chargements de page Universal Standard sont tombés à 1,5 secondes hors de la boîte. Auparavant, les acheteurs attendaient en moyenne 4-7 secondes pour qu’une page de produit se charge, même avec de bonnes conditions de réseau.

Pour optimiser davantage la vitesse, l’équipe a exploité la mise en cache de périphérie via EdgeJS d’Edgio. Le site Web de commerce électronique a battu son record et a atteint des chargements de pages inférieurs à la seconde en contrôlant la mise en cache dans le code d’application d’Universal Standard. En outre, le site de commerce électronique passe Core Web Vitals sur toutes les pages clés à l’aide d’une surveillance en temps réel.

Comme la plupart des sites de commerce électronique, le contenu des produits de Universal Standard (c’est-à-dire l’inventaire et les prix) est mis à jour à la minute près, de sorte que des pages dynamiques sont nécessaires pour les mises à jour en temps réel. Sur Edgio, le détaillant met en cache plus de 95% de son contenu dynamique à la périphérie via près de 100 points de présence (POP) mondiaux.

« Le nombre de pop réduit le temps nécessaire pour ces allers-retours vers le réseau, ce qui rend nos temps de latence et de ping extrêmement faibles », a déclaré Metros.

En moyenne, UniversalStandard.com’s pages d’accueil se chargent en 1,05 s et les transitions des pages de liste de produits (PLP) aux pages de description de produits (PDP) se chargent en 600 ms.

« Le nombre de pop réduit le temps nécessaire pour ces allers-retours vers le réseau, ce qui rend nos temps de latence et de ping extrêmement faibles », a déclaré Metros.

Avant qu’Universal Standard ne prenne la décision de passer à une architecture sans tête et de re-plateforme vers les solutions applicatives d’Edgio, environ 50 % du trafic était acheminé à la fois vers les appareils mobiles et les ordinateurs de bureau. Le taux de conversion sur mobile, cependant, ne pouvait pas rivaliser avec le bureau.

Avec les capacités de performance d’Edgio, Universal Standard voit maintenant environ 70% du trafic provenir du mobile, ce qui a triplé le taux de conversion, augmenté la valeur moyenne des commandes de 42%, diminué le taux de rebond de 40% et augmenté le chiffre d’affaires de 81% en glissement annuel.

Les utilisateurs mobiles passent trois fois plus de temps sur site, avec des durées en hausse de 200 %. « C’est clair, nos utilisateurs apprécient davantage leur expérience avec un site plus rapide. »

Universal Standard dispose d’un canal Slack partagé avec les développeurs Edgio et les ingénieurs solutions pour résoudre rapidement les problèmes et offrir de l’aide. « L’équipe d’Edgio est phénoménale », a déclaré Metros, « L’équipe vient toujours à la table avec des idées et une volonté d’aider – et ils sont super compétents. »

Lorsque nos clients se sentent habilités à créer des solutions de pointe pour leurs besoins spécifiques, nous gagnons en tant qu’entreprise. Nous comprenons la complexité de la gestion d’un site Web de commerce électronique dynamique et avons des équipes dédiées qui fournissent un soutien à chaque étape du processus.

Website
Industry
Company Size
11-50
Products
Icon_Dev_Interface_icon_gradient
Applications
Sécurité / performances / informatique de périphérie / plus
Icon_Globe_icon_gradient
Exécution
Accélérer / protéger / livrer / plus