Publié le 17 mars 2021
En effectuant un test A/B spécifiquement axé sur l'optimisation des métriques Web Vitals, Vodafone a constaté qu'une amélioration de 31% du LCP avait entraîné une hausse de 8% des ventes, une augmentation de 15% du taux de conversion des prospects en visites et une hausse de 11% du taux de conversion du panier en visites.
Vodafone est l'un des principaux opérateurs télécoms d'Afrique et d'Europe. Il exploite des réseaux fixes et mobiles dans 21 pays et collabore avec des réseaux mobiles dans 48 autres pays. En exécutant un test A/B sur une page de destination (la version A était optimisée pour les métriques Web Vitals et avait un score LCP de 31% supérieur dans le champ que la version B), Vodafone a déterminé que l'optimisation pour les métriques Web Vitals générait 8 % de ventes en plus.
31 %
Amélioration de 31% du LCP :
+8%
d'augmentation des ventes
+15%
Augmentation du taux de visites générées par les prospects
+11%
Augmentation du taux de visites après ajout au panier
Mettre en avant l'opportunité
Vodafone savait que les sites Web plus rapides sont généralement associés à des métriques commerciales améliorées. L'entreprise souhaitait optimiser ses scores Web Vitals en tant que stratégie potentielle pour augmenter les ventes, mais elle devait déterminer exactement le type de ROI qu'elle obtiendrait.
L'approche utilisée
Tests A/B
Le trafic du test A/B provenait de différents canaux de médias payants, y compris display, iOS/Android, recherche et réseaux sociaux. 50% du trafic a été envoyé vers la page de destination optimisée (version A) et 50% vers la page de référence (version B). La version A et la version B ont toutes deux enregistré environ 100 000 clics et 34 000 visites par jour. Comme indiqué précédemment, la seule différence entre la version A et la version B était que la version A était optimisée pour Web Vitals. En dehors de cela, il n'y avait aucune différence fonctionnelle ni visuelle entre les deux versions. Vodafone a utilisé l'API PerformanceObserver pour mesurer le LCP sur des sessions utilisateur réelles et a envoyé les données de champ à son fournisseur d'analyse.
Optimisations
Vodafone a apporté les modifications suivantes à la page optimisée (version A):
- Nous avons déplacé la logique de rendu d'un widget du côté client vers le côté serveur, ce qui a réduit le JavaScript bloquant le rendu.
- Code HTML critique affiché côté serveur
- Images optimisées, y compris redimensionnement de l'image principale, optimisation des images SVG, utilisation de requêtes multimédias pour éviter de charger des images qui n'étaient pas encore visibles dans la fenêtre d'affichage et optimisation des images PNG
Résultats commerciaux globaux
Après avoir optimisé la version A pour les métriques Web Vitals et l'avoir comparée à la version B non optimisée, Vodafone a constaté que la version A avait permis d'obtenir les résultats suivants:
- Une augmentation de 8% des ventes
- Amélioration de 15% du taux de conversion des prospects en visites (nombre d'utilisateurs devenus prospects par rapport au nombre total de visiteurs)
- Amélioration de 11% du taux de visite du panier (nombre d'utilisateurs ayant consulté leur panier par rapport au nombre total de visiteurs)
Le tableau suivant indique les valeurs de DOMContentLoaded ("DCL") et de LCP que Vodafone a observées sur la version A ("Page optimisée") et la version B ("Page par défaut"). Notez que le DCL a augmenté de 15%. Les valeurs absolues liées aux métriques commerciales ont été masquées.
Chez Vodafone, nous testons de nouvelles solutions, mesurons les résultats, conservons ce qui fonctionne et nous interrogeons sur ce qui ne fonctionne pas, en tirant des leçons de nos erreurs. Nous l'appelons "Expérimenter, apprendre rapidement". Grâce à la collaboration avec Google et à l'introduction du LCP comme principal KPI des performances des pages, nous avons pu améliorer considérablement l'expérience client de notre e-commerce.
Davide Grossi, responsable du marketing digital, Business
Pour en savoir plus, consultez la page Études de cas sur l'échelle du Web.