Kurt Geiger et l'amélioration des Core Web Vitals

Nos deux périodes de forte affluence en Europe sont les soldes d'été et celles du Black Friday. Chez Kurt Geiger, avant toute période de forte affluence, nous accomplissons certains rituels pour vérifier notre technologie. Et il y a beaucoup de choses à vérifier. Nous avons des sites web, des boutiques de retail au Royaume-Uni et en Irlande, en plus d'une entreprise B2B avec des partenaires sélectionnés. Afin de nous préparer à nos journées de grosses activités, nous revoyons nos seuils d'alerte, vérifions les boutons sur la plateforme pour nous assurer de leur activation/désactivation et observons les lacunes en termes de couverture pour voir si un système quelconque nous a échappé. Si un problème critique se déclenche, nous devons en être alertés immédiatement.

Amélioration de notre score Core Web Vitals

Les Core Web Vitals de Google sont l'une des méthodes les plus importantes pour jauger les performances de notre site. Un score faible peut éventuellement avoir un impact sur votre classement dans les recherches sur Google. Si vous êtes en tête des recherches sur Google, vous obtenez généralement plus de trafic sur votre site. Par contre, un score faible indique que les performances de votre site web sont insuffisantes au niveau de la mise en cache, du temps de chargement et des grandes images. Heureusement, Google vous montre quelles sont ces insuffisances pour que vous puissiez y apporter les améliorations nécessaires et cibler votre monitoring pour voir vos progrès.

Évaluation de notre base de référence

Le commerce en ligne constitue une grande part de notre chiffre d'affaires, environ 30%-40 %. Les recherches payées correspondent à environ 25 % des utilisateurs qui viennent sur notre site, suivis de près par les recherches organiques à environ 23 %. Pour réussir, nous devons développer une excellente expérience numérique pour nos clients. Cela se traduit par un site web attrayant, et surtout, la possibilité sans frustration de regarder et d'acheter. 

Auparavant, une agence de marketing nous disait ce que nous devions améliorer, mais elle ne savait pas comment mesurer les performances des Core Web Vitals. Nos équipes de marketing et d'ingénierie étaient dans des silos assez rigides. Nous avions un graphique générique sur Google Analytics qui nous montrait si les performances étaient en hausse ou en baisse, mais ce n'était pas très granulaire. 

Nous avons décidé de lancer un programme pour améliorer notre score Core Web Vitals Côté technique nous avons utilisé une instrumentation personnalisée pour ingérer les données de Magento à New Relic. New Relic a permis d'avoir la visibilité nécessaire sur notre score. Nous avons vite remarqué qu'il était très faible, aux alentours de 45–50. Il nous fallait viser un score d'environ 80–85 pour réussir. 

Unification des données dans un dashboard Core Web Vitals

Nous avons créé un dashboard Core Web Vitals dans New Relic pour aligner nos ingénieurs, cadres et équipes numériques et montrer ce qui se passait sur notre site et les améliorations que nous devions apporter. Nous pouvons désormais voir s'il y a eu un pic de performances au cours de la journée. Nous voyons quelles sont les résolutions automatiques et les métriques Core Web Vitals touchées. Nos équipes d'ingénieurs s'alignent sur ce dashboard qui sert de source factuelle unique sur nos performances. Nous avons créé des alertes avec le langage de requête de New Relic (NRQL) qui se déclenchent si nous passons en dessous des normes du secteur.

New Relic nous a également donné de bons exemples d'entonnoirs (ou funnels). Nous les avons utilisés pour comprendre le flux des utilisateurs sur tout notre site, du passage à la caisse à la page d'accueil, à la liste des produits et pour identifier tout point faible ou zone d'abandon éventuel. Le passage à la caisse était un endroit que nous voulions mieux comprendre. Nous avons envoyé les données personnalisées de chaque session client à notre dashboard et elles sont devenues des métriques clés pour nous. Les données de Next.js nous ont apporté des valeurs absolues sur chaque métrique, y compris sur les éléments cruciaux du passage à la caisse, auxquels nous avons pu ensuite associer des alertes.

Transferts du référencement (SEO) en interne

Un autre gros changement apporté par ce dashboard a été la capacité de transférer le référencement en interne auprès de nos propres ingénieurs. Nous avons pu améliorer la mise en cache, le rendering côté serveur, la compression d'image — la mode aime généralement les images brillantes en grand nombre et beaucoup de vidéos — entre autres choses. Il est désormais bien plus facile de générer des rapports de référencement qui nous aident à optimiser les mots clés. Nos spécialistes peuvent utiliser Google et New Relic pour voir l'impact des changements techniques sur les Core Web Vitals.

Promotion des DevOps et du contrôle de bout en bout

Notre projet Core Web Vitals a rassemblé les ingénieurs, les cadres et les équipes numériques, qui ne sont généralement pas techniques. La communication sur les performances passe bien entre les équipes. Nous sommes désormais beaucoup moins réactifs. Nous avons des données dans New Relic pour prouver que l'expérience client est bonne ou mauvaise. Ça a vraiment changé la donne. Et nos équipes DevOps sont désormais autonomes. Maintenant, elles regardent les dashboards pour comprendre ce qui se passe en temps réel, sans devoir dépendre d'une réponse qui proviendrait des tests ou des ingénieurs de performances. Cette autonomie a été le plus beau cadeau pour nous. Nos équipes peuvent développer et monitorer leurs propres alertes et tout exécuter, du code à la production. 

Six mois plus tard, après avoir lancé ce projet, nous nous sommes aperçus que notre score Core Web Vitals était passé de 45–50 à 85–90. Nous dépassons nos attentes. Je ne reçois plus de plaintes de nos clients disant que le site est lent. Nous sommes sûrs que 99 % de nos clients ont une bonne expérience.