L’ambition de tout site e-commerce : proposer une excellente UX, dont les effets se reflètent sur le chiffre d’affaires, la satisfaction et la fidélisation de leurs clients. Si l’UX recouvre de nombreuses facettes, la vitesse d’affichage des pages est évidemment un prérequis essentiel : inutile d’avoir la plus belle boutique si vos clients ne peuvent passer la porte d’entrée. Et cela, les équipes d’Aigle et de TUI, l’ont bien compris : l’UX est au cœur de leurs préoccupations et ils ont décidé de faire de la webperf une de leurs priorités.
Dans cet article, nous vous emmenons à travers leurs histoires, leurs aventures webperf, leurs motivations : comment tout a commencé, leur “pourquoi” ? Et enfin, nous ferons le point sur les résultats obtenus. Nous sommes certains que leur parcours fera écho au vôtre en plusieurs points !
Pour évaluer leurs performances, nous nous sommes basés sur des métriques clés :
le Start Render / FCP : cet indicateur marque l’instant où la page cesse d’être blanche.
le speed index : ici, il s’agit de mesurer la vitesse d’affichage des éléments dans le viewport, une métrique très importante pour l’UX. Le speed index mesure ce que voit l’utilisateur, plutôt que ce que fait techniquement le navigateur.
le CLS, un des célèbres Core Web Vitals : il mesure la stabilité visuelle de la page. Il évalue la quantité de changements visuels qui se produisent pendant le chargement de la page, tels que des images qui sautent ou des publicités qui se chargent tardivement.
et le LCP, également un Core Web Vital, évalue le temps nécessaire pour que le plus grand élément visuel de la page soit chargé et affiché.
Le FID n’est pas présenté dans cet article, car toutes les données collectées sont des données lab.
Une expérience client reconnue et peaufinée dans les moindres détails pour TUI
TUI France, la filiale made in France du groupe TUI
C’est le leader sur le marché français du tourisme. TUI France comprend les marques made in France Club Marmara, Club Lookéa et Circuits Nouvelles Frontières. Ces marques ont été regroupées sur Tui.fr, générant un trafic toujours plus important. Dans ses 4 000 agences de voyages, le réseau TUI Stores, et sur son siteTUI.fr, la qualité de service a été primée en mars 2020 par une première place sur le Podium de la Relation Client ®, organisé par BearingPoint et Kantar, en partenariat avec Salesforce.
Toujours dans l’optique de proposer la meilleure expérience client, les équipes de TUI souhaitaient rendre leur site performant sur tout type d’appareil.
Tout a commencé avec le besoin d’assurer une UX fluide à tous ses utilisateurs
Au sein des équipes de TUI, la webperf a été un projet initié par les équipes SEO. Mais l’attention portée à l’expérience client se retrouve dans toutes les équipes. Et la vitesse des pages web en fait naturellement partie ! Leur mot d’ordre : un parcours utilisateur optimal sur tous les supports, et notamment sur mobile. En effet, 50 % du trafic provient du mobile et cet usage ne cesse de se développer.
La vitesse de chargement des pages étant la première exigence des mobinautes, toutes les équipes (marketing, tech, SEO…) sont sensibilisées à l’importance de la vitesse de chargement.
Satisfaire les attentes des mobinautes : les prouesses de l’équipe SEO
Afin de pousser ses performances et satisfaire les attentes grandissantes des internautes et des mobinautes, l’équipe SEO deTUI.fr a agi sur deux plans dans le cadre d’une démarche d’amélioration continue :
d’une part, elle a intégré systématiquement la webperf aux optimisations techniques du site, notamment pour répondre aux exigences de Google en matière de vitesse ;
d’autre part, cette équipe a pris le temps d’évangéliser en interne autour de la webperf. Supports didactiques et outils de suivi sont autant d’éléments qui ont permis de créer une routine qui fait que la webperf est intégrée à chaque projet.
Pour aller encore plus loin dans leur démarche, les équipes de TUI ont décidé de se faire accompagner par des experts pour intégrer les recommandations de Google.
Il leur fallait donc une solution complète qui permette de :
poursuivre les travaux autour de la vitesse de chargement ;
absorber les pics en charge tout en conservant un bon Time To First Byte et un bon Speed Index même en cas de forte affluence.
Comme beaucoup de sites de vente en ligne, l’activité de TUI est rythmée par des pics saisonniers. En effet, suite aux campagnes de promotion, le site doit rester disponible pour que les clients finalisent leurs achats, mais aussi rapide, pour que Google puisse continuer à crawler un maximum de pages en un minimum de temps.
C’est pourquoi les équipes ont choisi les experts de Fasterize pour mener de front le projet webperf et ainsi poursuivre ce qu’elles avaient commencé.
TUI x Fasterize : les résultats de la collaboration
En quelques semaines seulement, l’ensemble des métriques webperf de l’entreprise est passé au vert et à célébrer :
Un speed index réduit de 33 % sur mobile ;
Un start render / FCP réduit de 42 % ;
Un time to first byte quasiment divisé par 3 : -58 % !
Marque connue pour ses célèbres bottes, Aigle réalise 75 % de la production de celles-ci dans ses usines situées à Châtellerault. Mais l’entreprise propose aussi des vêtements d’extérieur et a vu (et voit encore) son activité en ligne augmenter. En quelques chiffres, Aigle, c’est :
21 millions de pages vues,
2,8 millions de visiteurs par an en moyenne ;
des pics de trafic entre novembre et février jusqu’à 2,2 millions de pages vues par mois.
Mais Aigle, c’est aussi une marque fortement engagée pour l’environnement. L’entreprise a un plan de décarbonation qui s’aligne sur les Accords de Paris et choisit ses fournisseurs avec l’UN Global Compact.
Pour satisfaire les besoins et exigences des internautes et soutenir la croissance de l’activité e-commerce, l’entreprise s’appuie sur le CMS Salesforce Commerce Cloud.
UX et écoconception, les ambitions majeures d’Aigle
Les équipes d’Aigle avaient de multiples enjeux :
améliorer leur taux de conversion ;
renforcer leur présence dans les SERP ;
optimiser le site mobile afin de correspondre aux nouvelles habitudes de navigation des internautes ;
mais aussi l’envie de proposer un site web plus écoresponsable.
C’est notamment un audit d’écoconception qui a déclenché la démarche d’optimisation webperf au sein de l’organisation. Comme l’entreprise a plusieurs engagements pour réduire son impact environnemental, la webperf est apparue comme un levier essentiel. Elle s’aligne sur les enjeux d’écoconception et se trouve à l’intersection de multiples ambitions d’Aigle.
La webperf un levier commun à de nombreux enjeux
Vous l’aurez compris, la performance web recouvre de nombreux bénéfices et joue un rôle déterminant dans l'amélioration de l'UX, peut influencer le positionnement dans les SERP, et partage également des enjeux avec l’écoconception. C’est pourquoi les équipes digitales d’Aigle ont fait le choix de l’intégrer à leurs actions.
Cependant, l’optimisation des performances mobiles s’est révélée être une mission techniquement plus complexe que sur desktop. En effet, la puissance des appareils et du réseau sont plus aléatoires.La solution tout-en-un de Fasterize a donc permis à ces équipes de mener et de lier tous ces projets de front, tout en gagnant du temps et en étant accompagnés par des experts.
Les fruits de la synergie Aigle x Fasterize
Dès le premier semestre, l’entreprise enregistre des performances positives :
le speed index a subi une réduction de 33 % sur mobile ;
le start render/FCP diminué de 37 % ;
Une baisse de 52 % pour le Time To First Byte.
Découvrez la success story de l’entreprise pour en savoir plus sur leurs résultats et leur accompagnement.
Résultat : les efforts des équipes d’Aigle et de Tui pour améliorer leurs performances ont porté leurs fruits ! En automatisant leur webperf, Aigle et Tui ont en effet atteint leurs objectifs : améliorer leur UX et leur taux de conversion, tout en réduisant leur bilan carbone numérique, et cela, en quelques semaines seulement.
Si vous aussi, vous souhaitez vous hisser au sommet des sites les plus performants en un temps record, découvrez notre solution EdgeSpeed ou contactez-nous !
