INSTANTANÉ DU 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 qui offre la gamme de vêtements la plus complète au monde. Poussés par l’innovation et la définition de nouveaux standards, 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 vélocité des développeurs Web, Universal Standard a choisi Edgio comme plate-forme tout-en-un pour développer et gérer son site dynamique. Le détaillant de mode déploie maintenant sa boutique Nuxt en dessous de la seconde chaque semaine et a augmenté le 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 d'Universal Standard
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 ralentissait 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 sans tête. 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 rapidité de site web, de gestion de CDN et de reporting, accompagnée d’une bonne expérience de développeur. La solution applicative d’Edgio est devenue leur solution puissante pour développer, déployer, exécuter et surveiller leur front-end 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 plate-forme 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 mise en scène devenait difficile et encombrante et l’outillage de développement était inadéquat.
Le responsable de la technologie a expliqué que les flux de travail basés sur Git et l’outillage moderne d’Edgio impliquaient 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 retours arrière instantanés. « La vélocité des développeurs a considérablement augmenté. »
Immédiatement après le lancement sur Edgio, le chargement de la page d’Universal Standard est tombé à 1,5 secondes hors de la boîte. Auparavant, les acheteurs attendaient en moyenne 4-7 secondes pour qu’une page produit se charge, même avec de bonnes conditions de réseau.
Pour optimiser davantage la vitesse, l’équipe a tiré parti de la mise en cache périphérique via EdgeJS d’Edgio. Le site de commerce électronique a battu son record et a atteint des charges de pages inférieures à 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 d’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 grâce à près de 100 points de présence (POPS) mondiaux.
« Le nombre de pop réduit le temps nécessaire pour ces allers-retours sur le réseau, ce qui rend notre latence et nos temps de ping extrêmement faibles », a déclaré Metros.
En moyenne, UniversalStandard.com’s pages d’accueil se chargent en 1.05s 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 sur le réseau, ce qui rend notre latence et nos temps 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 reconfigurer les solutions applicatives d’Edgio, environ 50 % du trafic était destiné aux appareils mobiles et aux ordinateurs de bureau. Le taux de conversion sur mobile, cependant, ne pouvait pas rivaliser avec le bureau.
Grâce aux capacités de performance d’Edgio, Universal Standard voit désormais 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é les revenus 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 profitent davantage de leur expérience avec un site plus rapide. »
Universal Standard dispose d’un canal Slack partagé avec les développeurs et les ingénieurs de solutions Edgio 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 à construire les meilleures solutions de leur catégorie pour leurs besoins spécifiques, nous gagnons en tant qu’entreprise. Nous comprenons les complexités de l’exploitation d’un site Web de commerce électronique dynamique et avons des équipes dédiées qui fournissent un soutien à n’importe quelle étape du processus.
