L'équipe IT dédiée au E-commerce de But avait déjà mis en place des actions webperf, mais le CTO a décidé de passer à la vitesse supérieure pour gagner du temps et renforcer la sécurité du site.
En un temps record, Fasterize a permis de résoudre un problème qui durait depuis trop longtemps : réussir à rendre le site rapide tout en maintenant durablement les performances.

 

Secteur
Maison - Ameublement

Trafic
10M visites / mois

Vitesse
Speed Index -45%
Start Render -40%

CMS
Custom


Contexte

But.fr est un site marchand d’ameublement dont les visites proviennent à 70 % du mobile. Il permet aussi aux clients de repérer des produits pour venir ensuite les tester dans l’un des plus de 310 points de vente partout en France. Sa vocation principale est d’apporter du trafic et donc de générer du CA en magasin.

Un système de cache (applicatif et HTML) était déjà en place, ainsi que d’autres optimisations telles que la minification des JS et CSS, la compression Gzip et des images…

L’équipe d’intégration respectait également des bonnes pratiques telles que l’optimisation des fonts pour ne charger que ce qui est nécessaire sur la page ; l’équipe de développement veillait quant à elle au poids des objets, à la compression, la minification et la compilation des JavaScript...

Côté serveur, But.fr dispose d’une couche de cache applicatif.

Pourtant, malgré tous ces efforts, les temps de chargement continuaient à être dégradés à cause de pages alourdies par des publicités, des tests A/B, ou certaines fonctionnalités… Ainsi, le CTO de But.fr a fait appel à Fasterize pour automatiser l’application des optimisations webperf et les maintenir efficacement dans le temps.


Objectifs

La performance web repose sur de nombreux éléments dépendants les uns des autres, et même en suivant consciencieusement les bonnes pratiques, les besoins en maintenance restaient conséquents. A chaque nouvelle modification sur le site, le niveau de performance se dégradait à cause d’effets de bord sur les optimisations. Il s’agissait donc de trouver un moyen de pérenniser le fruit des actions webperf.

Aussi, l’un des objectifs majeurs de But.fr portait sur les temps de chargement mobiles, à savoir : réduire le Speed Index de 1000 points (soit 1 seconde) pour la homepage.

Sur le plan technique, But.fr souhaitait également profiter d’un niveau de compression supérieur avec Brotli, ce que le moteur de Fasterize permet de déployer facilement.

La web performance est un travail de tous les jours ! Organisés en Agile, nous avions consacré plusieurs Run à l’optimisation de notre front-end, mais nous n'arrivions pas à trouver le temps d’y travailler au quotidien. Ainsi, à chaque nouveau développement, ajout de tierces parties, intervention de l’équipe Marketing, de notre prestataire web… Nous prenions le risque de défaire ce que nous venions d’améliorer. Nous voulions une solution SaaS qui fasse le travail pour nous, tout en rendant le site plus rapide pour de meilleurs taux de conversion.

Rémi Guignard - CTO

Déploiement

Le déploiement de Fasterize a été très rapide : en moins de 3 semaines !

Il aura suffit de :

  • 2 rendez-vous techniques
  • 2 semaines de tests en pré-production

impliquant :

  • 2 ressources du service Qualité
  • 1 Lead Developer
  • 1 Chef de Projet Technique
  • le CTO

… et les optimisations ont été activées ! But.fr a pu profiter immédiatement des optimisations front-end, mais aussi d’une couche de sécurité supplémentaire grâce au WAF de Fasterize.

Le déclic a été la prise de conscience du fait que nous n’arrivions pas à avancer sur nos chantiers webperf. Anciennement Lead Developer Architecte, je pensais que passer par une solution tierce allait me faire perdre la main sur mon site, et que la solution serait comme une “boîte noire”. En réalité c’est tout le contraire ! Fasterize fonctionne comme un CDN, je peux activer ou désactiver les optimisations, voire le moteur lui-même à tout instant. L’autre avantage de Fasterize est que nous profitons aussi d’une infrastructure mutualisée avec une couche de protection supérieure à celle que nous pourrions mettre en place par nous-mêmes.

Rémi Guignard - CTO

Accompagnement

Ce que But.fr apprécie particulièrement chez Fasterize : l’autonomie et la transparence.

Les équipes utilisent facilement la plateforme pour réaliser des tests avec et sans optimisations avant de les déployer.

Fasterize est devenu notre Front Office ! Nous sommes totalement autonomes grâce au plug-in qui nous permet de savoir d’où viennent les difficultés si nous en rencontrons. Ce plug-in est très simple à utiliser et il nous fait aussi gagner beaucoup de temps avant d’ouvrir un ticket pour le support Par ailleurs, notre CSE dédié est toujours présent pour nous aider et nous conseiller. Cette autonomie est essentielle pour avancer vite et efficacement, et fluidifier notre travail.

Rémi Guignard - CTO

La mise en place de Fasterize chez But a permis d'apporter une solution clé en main aux besoins très techniques que rencontraient leurs équipes de développement. Nos fonctionnalités d'optimisation front-end ont également permis de s'assurer que toutes les bonnes pratiques de web performance sont respectées, mais aussi d'aller plus loin grâce, par exemple, au SmartCache, au DeferJS pour temporiser les Third Parties, ou aux optimisations apportées par HTTP/2.
Rémi et son équipe ont rapidement pris la main sur notre dashboard afin d'être autonome sur la configuration de notre moteur. Notre solution peut ainsi s’adapter facilement aux évolutions de leur site.

Nicolas Hodin

Nicolas Hodin - Customer Success Engineer, Fasterize

Résultats

La DSI projetait plusieurs chantiers sur l’année à venir : le développement d’un Smart Cache, la mise en place de HTTP/2, de la compression Brotli, d’un CDN… Ils ont tous pu être adressés dans le même temps grâce à Fasterize qui a permis de déployer en 3 semaines ce que But avait prévu de réaliser en 12 mois.

L’équipe IT de But.fr gagne ainsi un temps précieux : le site est plus rapide avec moins d’efforts, moins de ressources, et les optimisations sont pérennes.

Le suivi des performances est aussi simplifié car les équipes peuvent dorénavant se concentrer sur l’observation des résultats et des projets d’évolution à forte valeur ajoutée, et plus seulement la résolution de bugs.

Les indicateurs observés sont principalement le Speed Index et le Start Render, avec une attention particulière portée à la homepage qui est la Landing Page la plus importante.

Pour cette page, les améliorations suivantes ont pu être observées :

  • Desktop
    • Speed Index -66 %
    • Start Render -50 %

     

  • Mobile
    • Speed Index -25 %
    • Start Render -30 %

     

 

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

Hello SMX Paris !