ÉCOUTEZ LA SUCCESS STORY

Succes Story : La DSI de But déploie en 3 semaines des chantiers prévus sur 12 mois avec Fasterize

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.

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.

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.

Résultats

Mobile

-25%

Speed Index

-30%

Start Render

Desktop

-66%

Speed Index

-50%

Start Render

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 dedé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.

Demandez un diagnostic de vos temps de chargement !

Ils témoignent…

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 GuignardCTO

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 GuignardCTO

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 GuignardCTO

Notre expert explique…

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.