.

Vitesse de chargement et expérience utilisateur sont indissociables. Les performances de vos pages sont un levier essentiel pour garder vos utilisateurs engagés et leur faciliter le parcours, jusqu’à l’achat. 

Les sites que nous présentons dans cet article l’ont bien compris : des métriques dans le vert, des pages optimisées et des gains multiples (SEO, business…).

3 sites e-commerces aux très bonnes performances

Pour évaluer leurs performances, nous nous sommes basés sur des métriques clés : 

  • le time to first byte ou TTFB mesure le temps qu'il faut pour que le serveur web renvoie la première réponse après avoir reçu une requête.
  • le start render : c’est le moment où la page cesse d’être blanche. À ce moment, la première image ou le premier élément visuel apparaît sur la page.
  • le speed index : cette métrique mesure la vitesse perçue de la page, elle est très importante pour l’UX. Elle renseigne sur la vitesse d’affichage de la zone située au-dessus de la ligne de flottaison d’une page web (zone aussi appelée viewport), en prenant en compte la progressivité de l’affichage du contenu et des différents éléments. En bref, le Speed Index mesure ce que voit l'utilisateur, et non ce que fait techniquement le navigateur.
  • le CLS, un des 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 : il mesure le temps nécessaire pour que le plus grand élément visuel de la page (image, texte, vidéo…) 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.

Découvrez maintenant notre analyse des sites aux très bonnes performances !

King Jouet optimise sa webperf et domine le classement

King Jouet - homepage - Analyse webperf e-commerce

Qui sont-ils ? 

Vous les connaissez : King Jouet est une entreprise dédiée à la vente de jouets pour enfants, en magasin et en ligne. La période la plus critique est la fin d’année : entre le Black Friday et Noël, King-jouet.com réalise chaque jour le chiffre d’affaires du mois de janvier ! Durant cette période, la vitesse du site doit être au top, malgré les pics de trafic !

Le point de départ de l’entreprise

Avant de confier ses projets webperf à Fasterize, King Jouet était pourvu d’un CDN. Par ailleurs, les équipes surveillaient de près ses third parties. Pour améliorer les temps de chargement, elles avaient aussi envisagé de passer sur AMP

Finalement, les équipes se sont tournées vers Fasterize qui permet de répondre à la fois aux besoins de CDN et de Front-End Optimisation (FEO).

Les objectifs webperf de King Jouet

Les équipes de King Jouet avaient plusieurs ambitions : 

  1. Garantir une navigation fluide à ses utilisateurs, en toutes circonstances. 
  2. Renforcer sa visibilité sur les moteurs de recherche par rapport à la concurrence : la majorité du trafic mobile provient du SEO, il était donc primordial d’améliorer la vitesse de chargement des pages.
  3. Soulager les serveurs pendant les pics de charge : notamment en période de promotions, comme celles citées précédemment.

Les résultats obtenus avec l’accompagnement de Fasterize

Au mois de mars dernier, les métriques de l’entreprise sont au vert et à célébrer sur mobile comme sur desktop : 

  • Un speed index réduit de 37 % ;
  • Le start render réduit de 36 % ;
  • Un Time To First Byte réduit de 41 % ;

Sur les différentes catégories de pages, les équipes ont également obtenu de beaux gains. Par exemple, sur la version mobile de la page d’accueil, le Speed Index a été réduit de quasiment 60 %, TTFB et le Start Render ont presque été divisés par deux !

King Jouet augmente son taux de transformation de + 5 %

Le taux de transformation a augmenté de 5 % dès le mois suivant le branchement de la solution Fasterize. L’impact a donc été visible immédiatement.

King Jouet x Fasterize - Thierry Bourgade citation

Pour en savoir plus sur le beau parcours et les résultats webperf de King Jouet, consultez leur success story entière.

Passons à présent au deuxième site e-commerce dont les performances sont à féliciter.

Rakuten réduit son Speed Index et son TTFB de moitié

Rakuten - homepage - Analyse webperf e-commerce

Qui sont-ils ?

Rakuten est un groupe japonais né à la fin des années 90. Vous le saviez ? Sur la marketplace du site, vous pouvez retrouver des produits neufs, d’occasion, et reconditionnés, vendus par des professionnels et des particuliers. Chaque mois, le site enregistre 15 millions de visiteurs uniques.

Le SEO est la source de trafic la plus importante de cet e-commerçant, pour qui le mobile représente plus de 50 % du trafic global du site.

Pour gérer tout cela, le site repose sur deux systèmes développés en interne : l’un des deux sert à gérer les 100 millions de fiches produits, et l’autre les 7 à 8 millions de pages de listes de produits.

Les problématiques rencontrées par Rakuten

La problématique principale rencontrée par les équipes de Rakuten se résume en une expression : la dette technique, au niveau du front-end. Très importante, elle aurait nécessité entre une et deux années d’implication de la part des équipes techniques, pour tout optimiser.

Les usages mobiles étant plus répandus, et le SEO étant la source principale de trafic pour l’entreprise, il est nécessaire d’être visible (sinon en première position) dans les résultats de recherche.

Les bonnes pratiques chez Rakuten

Au sein des équipes, aucun doute n’était permis : la vitesse du site devait impérativement être améliorée. L’intérêt ? Anticiper l’arrivée des critères UX et de la vitesse dans l’algorithme de Google. D’ailleurs, les équipes avaient déjà commencé à travailler sur l’optimisation des performances. Mais comme dans beaucoup d’organisations, le besoin en ressources pour les pousser au maximum et les maintenir dans le temps était trop important.

Les objectifs webperf de Rakuten

Ayant une approche mobile first, les équipes SEO de Rakuten avaient pour ambition de répondre aux exigences UX des utilisateurs et de Google.

Parmi les objectifs de l’entreprise, on compte notamment : 

  • l’amélioration de l’UX ;
  • l’amélioration des Core Web Vitals pour une meilleure visibilité SEO sur les moteurs de recherche et augmenter le nombre de pages crawlées ;
  • l’application des meilleures techniques et bonnes pratiques pour être à l’état de l’art en termes de performance web.

Pour optimiser les résultats de performance de sa marketplace généraliste, Rakuten a donc choisi d’externaliser la mission et l’a remise entre les mains des équipes de Fasterize.

Les résultats obtenus avec les équipes de Fasterize

Au mois de février dernier, les équipes de Rakuten ont pu observer les résultats suivants sur mobile :

  • Un Speed Index réduit de moitié ;
  • Un Start Render réduit de -44 % ;
  • Un Time To First Byte réduit de -56 %.

Sur desktop les résultats sont très bons également : 

  • -62 % pour le Speed Index ;
  • -70 % pour le Start Render ;
  • -80 % pour le Time To First Byte.

Vous connaissez sûrement ce chiffre : 70 % des clients qui ne reviennent pas sur une page qu’ils ont jugée trop lente. Avec ces performances, Rakuten s’affranchit de tels questionnements. Les pages s’affichent rapidement : les clients bénéficient d’une meilleure expérience utilisateur et ne (s’im)patientent plus.

Rakuten x Fasterize - Julien Giraud citation

Pour en savoir plus sur les gains et évolutions des performances de Rakuten, consultez leur success story.

Conforama améliore son front-end et booste ses métriques

Conforama - homepage - Analyse webperf e-commerce

Qui sont-ils ?

Conforama est leader de l'équipement de la maison : mobilier, décoration et même électroménager. L’enseigne compte 339 magasins dans 8 pays, dont 239 en France, et réalise un CA annuel de 3,4 milliards d’euros.

Les équipes souhaitent pousser leur démarche, en améliorant le front-end, au-delà des optimisations côté serveur sur leur CMS.

Les problématiques techniques et organisationnelles liées à la webperf

Un load time très élevé à cause de JS nombreux, etc. 

Au démarrage du projet, les équipes rencontraient des difficultés techniques : le load time de la homepage était de 7 secondes. Cela était notamment dû aux nombreux fichiers JS, CSS qui décompressés pesaient lourd, mais aussi aux tag managers qui géraient des scripts tiers (dont certains non utilisés).

La collaboration entre les différentes équipes de Conforama et celles de Fasterize

Les chantiers pour améliorer et simplifier le code des pages avait déjà été entamé, notamment lors des refontes. Fasterize est venu soulager les équipes, en automatisant les optimisations.

Afin de nettoyer le code et régler la problématique liée au poids des JS, les équipes de Fasterize ont accompagné les développeur.se.s de Conforama pour réaliser un travail de fond.

En plus de cela, les équipes de marketing ont été intégrées à la démarche : elles ont contribué à l’optimisation de l’utilisation des tags. Ceux qui n’étaient pas utilisés ont été supprimés pour alléger encore le poids des pages.

Les résultats obtenus à travers cette collaboration

Ce travail en collaboration a permis à Conforama d’atteindre de beaux résultats de performance. 

Au mois de mars dernier, la homepage du site a vu deux indicateurs majeurs, réduits de plus de moitié sur mobile. Le Speed Index a été réduit de 74 % et le Start Render est passé de 2.4s à 0.9, soit une réduction de 62 %.

Cette page, très importante pour les utilisateurs, permet de les engager dès leur arrivée. Pas d’attente, pas de doute, et un parcours beaucoup plus fluide et rapide. Voici un aperçu du chargement avec et sans Fasterize.

D’après Google, 0,1 sec permettrait d’obtenir +8 % de conversion. Un site performant et rapide peut donc rapporter beaucoup de bénéfices, ce dont les équipes de Conforama peuvent être rassurées !

 

Conforama x Fasterize - Kaci Agoun citation

Allez plus loin et découvrez les belles réussites des équipes de Conforama, en consultant leur success story.

 

En améliorant ces indicateurs présentés dans l’article, les e-commerçants de ce top 3 ont pu observer des améliorations UX, SEO et business. Si vous aussi, vous voulez faire partie du prochain top des sites les plus performants, vous savez ce qu’il vous reste à faire : automatiser vos optimisations et suivre toutes les évolutions de recommandations de Google. En plus, avec Fasterize, vous pouvez libérer vos équipes sur d’autres priorités. Des gains durables et multiples !

Demandez une démo