bash

 

ba&sh a bien compris le lien entre vitesse et chiffre d'affaires, et les équipes digitales portent activement les sujets web performance. Elles surveillent le score PageSpeed Insights de Google, et avaient déjà mis en place un CDN, bonne pratique essentielle pour un site international. Pour améliorer ce score en appliquant les techniques réellement adaptées aux besoins métier, ba&sh automatise sa webperf avec Fasterize.

 

Secteur
Retail - Mode

Pages vues
11M / mois

Score PageSpeed
99
pour les pages Catégorie

 

CMS
Salesforce Commerce Cloud

Contexte

Pour ba&sh, site présent dans 32 pays, des pages rapides et un bon score PageSpeed sont directement corrélés à l'augmentation des taux de conversion.

La webperf est un sujet central que les équipes métier ont commencé à adresser en déployant un CDN, notamment pour optimiser les images, atout incontournable dans la mode. Le site e-commerce enregistre 11 millions de pages vues par mois, et doit offrir une expérience utilisateur en phase avec son image de marque premium, avec des pages rapides sur tous les devices, partout dans le monde.

Bien que les équipes e-commerce situées aux US délivrent des conseils sur les bonnes pratiques webperf, les équipes France avaient besoin de pousser les optimisations encore plus loin, à l’aide de recommandations personnalisées en cohérence avec les contraintes techniques et métier.

Nous savons que la webperf est cruciale pour notre business, et que c’est aussi devenu un enjeu SEO. Nous avions déjà mis en place des bonnes pratiques, mais nous n’avons pas assez de temps pour suivre et améliorer nos performances en continu. Fasterize nous permet d’automatiser toutes les optimisations dont nous avons besoin, en allant bien au-delà des recommandations de base.

Basile Bertrand - Directeur de l’Innovation
Objectifs

Les équipes e-commerce de ba&sh souhaitaient améliorer les Core Web Vitals, les métriques UX et SEO que Google a intégrées à son algorithme en 2021. L’objectif était également d’augmenter le score PageSpeed Insights, un KPI partagé en interne pour évaluer les performances, sachant que les Core Web Vitals comptent pour 70% dans le calcul de ce score.

Plus précisément, les équipes visaient un score de 90, pour passer ce score PageSpeed dans le vert pour la homepage du site, les listes de produits et les pages produits, sachant qu’une meilleure expérience utilisateur contribue à de meilleurs taux de conversion.

Déploiement

Les équipes e-commerce de ba&sh avaient besoin de déployer la solution SaaS de Fasterize le plus vite possible, pour profiter des effets immédiats des optimisations pendant la période de fêtes de fin d’année.

Le déploiement s’est déroulé sur 6 semaines, nécessitant simplement un enregistrement DNS. En interne, le projet a été coordonné par 3 ressources : un chargé de projet E-commerce, la CDO, et le chef de projet digital.

Dans une démarche d'amélioration continue, des ajustements sont réalisés au fil de l’utilisation de la plateforme avec l’aide du Customer Success dédié. L’objectif est de s’assurer que les indicateurs de performance sont toujours au plus haut - par exemple, en optimisant les sliders photos pour garantir le meilleur CLS possible et conserver un score PageSpeed élevé - il a atteint 100 sur la homepage desktop !

Accompagnement

Depuis le déploiement, le site accueille constamment de nouveaux contenus et de nouvelles fonctionnalités.

Avant les mises en production, les équipes de ba&sh se rapprochent des équipes de Fasterize pour tester l’impact sur les performances, et ajuster les paramètres de la plateforme si nécessaire.

Au quotidien les équipes utilisent la plateforme en autonomie pour vider le cache et monitorer les performances de près, particulièrement pendant les périodes critiques de promotion.

En plus des optimisations appliquées automatiquement par la solution SaaS de Fasterize, les équipes de ba&sh profitent de conseils techniques personnalisés pour améliorer leurs performances en continu.

Ils portent par exemple sur l’optimisation du chargement du JS (ne charger que la version la plus récente de JQuery), des CSS (limiter le nombre de règles, nettoyer les sélecteurs, critical CSS…), ou des fonts (utilisation des fonts système, gestion de la mise en forme via le CSS…).

Dans le cadre de son projet d’optimisation webperf, ba&sh nous amène à relever de nouveaux défis, et nous challenge sur une grande variété de sujets : compression des images, SEO, gestion des scripts tiers, CSS… Nous avons de nombreux échanges enrichissants qui nous permettent aussi de faire évoluer notre moteur pour une UX toujours plus fluide.

Benoît Houpeau - Customer Success Engineer, Fasterize

Résultats

Le déploiement de Fasterize s’est immédiatement traduit par des temps de chargement réduits de 40 %, et des métriques de performance atteignant des seuils inédits pour le retailer. Le temps de réponse serveur et le Speed Index ont été divisés par 2, et le Start Render amélioré de 78% en moyenne. Pour le site France, les Core Web Vitals sont dorénavant dans les seuils recommandés par Google pour qu’un site soit considéré comme rapide, avec notamment :

  • un Largest Contentful Paint (LCP) de 0,55 en moyenne (vs. jusqu’à près de 14 secondes pour certaines pages avant optimisation par Fasterize)
  • un Cumulative Layout Shift (CLS) de 0,07 en moyenne.

Depuis l'implémentation de Fasterize, les équipes techniques comme métier peuvent faire évoluer toutes les pages du site en toute quiétude, car elles savent que le front-end est optimisé automatiquement. C’est un gain de temps important, et cela permet de se concentrer sur les sujets business.   Les scores PageSpeed Insights moyens sont les suivants en France et à l'international :

  • France : 98 sur desktop (vs. 55 sans Fasterize) / 74 sur mobile (vs. 29 sans Fasterize)
  • UK : 92 sur desktop (vs. 50 sans Fasterize) / 74 sur mobile (vs. 44 sans Fasterize)
  • US : 89 sur desktop US / 80 sur mobile

Pour encore plus de retours d'expérience de nos clients, et tous les détails sur leurs gains business, techniques et SEO, découvrez nos Success Stories.

Vous aussi, profitez de tous les avantages
d'un site optimisé automatiquement :

Demandez une démo

Click me to see INP in action