Publié le 17 mars 2021
En effectuant un test A/B spécifiquement axé sur l'optimisation des Web Vitals, Vodafone a constaté qu'une amélioration de 31 % du LCP entraînait une augmentation de 8 % des ventes, de 15 % du taux de prospects ayant visité le site et de 11 % du taux de visites du panier.
Vodafone est l'un des principaux opérateurs télécoms d'Afrique et d'Europe. Il gère des réseaux fixes et mobiles dans 21 pays, et collabore avec des réseaux mobiles dans 48 autres pays. En effectuant un test A/B sur une page de destination (où la version A était optimisée pour les métriques Web Vitals et présentait un score LCP 31 % meilleur sur le terrain que la version B), Vodafone a déterminé que l'optimisation pour les métriques Web Vitals générait 8 % de ventes supplémentaires.
31 %
Une amélioration de 31 % du LCP a permis à Vodafone…
+8 %
d'augmentation des ventes totales
+15 %
Hausse du taux de prospects ayant visité le magasin
+11 %
Hausse du taux d'ajout au panier/visites
Mise en avant de l'opportunité
Vodafone savait que les sites Web plus rapides sont généralement associés à de meilleures métriques commerciales. L'entreprise souhaitait optimiser ses scores Web Vitals comme stratégie potentielle pour augmenter ses ventes, mais elle devait déterminer exactement le type de ROI qu'elle obtiendrait.
l'approche qu'ils ont utilisée ;
Test A/B
Le trafic du test A/B provenait de différents canaux média payants, y compris le display, iOS/Android, le Réseau de Recherche et les 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). Les versions A et B ont toutes deux généré environ 100 000 clics et 34 000 visites par jour. Comme mentionné précédemment, la seule différence entre la version A et la version B est que la version A a été optimisée pour les Web Vitals. À part cela, il n'y avait aucune différence fonctionnelle ou visuelle entre les deux versions. Vodafone a utilisé l'API PerformanceObserver pour mesurer le temps LCP lors de 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) :
- La logique de rendu d'un widget a été déplacée du côté client vers le côté serveur, ce qui a entraîné une diminution du JavaScript bloquant le rendu.
- HTML critique rendu côté serveur
- Images optimisées, y compris le redimensionnement de l'image hero, l'optimisation des images SVG, l'utilisation de requêtes média pour éviter de charger des images qui n'étaient pas encore visibles dans la fenêtre d'affichage et l'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 entraîné les résultats suivants :
- Une augmentation de 8 % des ventes
- Une amélioration de 15 % du taux de prospects ayant effectué une visite (nombre d'utilisateurs devenus des prospects par rapport au nombre total de visiteurs)
- Une amélioration de 11 % du taux de visites 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 observées par Vodafone sur la version A ("Page optimisée") et la version B ("Page par défaut"). Notez que le DCL a en fait 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 a fonctionné et remettons en question ce qui n'a pas fonctionné, en tirant les leçons de nos erreurs. Nous l'appelons "Tester, apprendre vite". Grâce à la collaboration avec Google et à l'introduction du LCP comme principal KPI pour les 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