Case study . Immobilier, Voyage & Hôtellerie
Dayuse optimise les performances de son site web avec TwicPics
À propos de Dayuse
Une chambre d'hôtel pour quelques heures en pleine journée pour travailler au calme, se détendre, ou s'offrir un moment hors du temps ? C’est la promesse de Dayuse, dont le service offre mille possibilités.
Avec Dayuse, les clients peuvent réaliser toutes leurs envies : qu'ils souhaitent un hôtel avec piscine, une chambre climatisée avec jacuzzi ou encore profiter d’un déjeuner haut de gamme, chacun est sûr d'y trouver son bonheur.
La garantie des meilleurs prix, d'une flexibilité de réservation et de l'annulation gratuite jusqu'à la dernière minute font par ailleurs de Dayuse un acteur incontournable de l’hôtellerie, dont les 7000 hôtels partenaires sont répartis partout dans le monde à travers vingt-cinq pays.
Le challenge
Optimiser les performances et gérer les images à l'aide d'une solution front-end
Le trafic web de Dayuse se divise aujourd'hui de manière équitable entre l’Europe, les Etats-Unis et l’Asie, dont une grande partie des visites provient de Hong Kong et de Singapour.
Alors que les images contribuent à l'engagement des internautes sur l'ensemble des vingt-cinq pays qu'occupe l'entreprise, leur manque d'optimisation impacte lourdement le poids des pages et donc les performances du site web.
Conscientes de l’importance de délivrer la meilleure expérience possible aux utilisateurs partout dans le monde, les équipes marketing et techniques de Dayuse décident alors de se concentrer sur l'optimisation des médias pour améliorer les temps de chargement, le taux de rebond et le SEO. Cette mission est dans un premier temps confiée à Thumbor, un service d'optimisation d'images.
Thumbor, solution open-source, générait alors sept formats différents pour une même image, jusqu'à ce que les équipes de Dayuse s'aperçoivent, après analyse, que des enjeux de performance persistent : la vitesse d’affichage n'est pas satisfaisante à cause du poids des pages qui reste conséquent.
Les équipes se retrouvent finalement à devoir sans cesse arbitrer entre performance et qualité visuelle, en essayant de délivrer le meilleur compromis possible.
Alors que la performance se joue davantage du côté navigateur que de celui des serveurs, il demeure plus difficile de l’adresser.
Pour répondre à ces enjeux de performance liés à l'optimisation des images, Dayuse recherchait donc une solution simple à intégrer sur la partie front-end de leur site web. Cette solution devait aussi être capable d’aider les équipes sur le traitement responsive des images, tout en leur apportant une grande qualité visuelle sur tous les types d'écran - retina notamment.
La solution TwicPics
Intégration rapide du composant React au nouveau site web
Au début de l'année 2021, Dayuse entreprend l'ambitieux projet de réaliser la refonte de son site web. Alors que les équipes sont à la recherche d’une nouvelle solution d'optimisation des images, elles décident de tenter l'aventure avec TwicPics.
Chez TwicPics, une des missions principales est de veiller à faciliter le travail d'intégration de la solution par les développeurs. C'est dans cet objectif que les équipes de TwicPics ont développé les composants destinés aux différents frameworks JavaScript (Vue/Nuxt, React/Next, Svelte) pour adresser les différents environnements techniques des sites web des entreprises, mais aussi leur besoin constant de simplifier et accélérer leur mise en production.
Alors que Dayuse souhaitait une solution simple d'intégration, l'entreprise opte pour l'utilisation du composant React de TwicPics et gagne ainsi un temps considérable dans la refonte de son site web.
Sur les applications mobiles, les images sont intégrées directement via l'API de TwicPics, qui permet elle aussi de gérer toutes les déclinaisons possibles des images d'origine.
Que ce soit sur le site web ou sur les applications, TwicPics permet donc aux équipes de Dayuse de faciliter la gestion des images responsives, quel que soit le contexte des utilisateurs.
Au fil du temps, l'optimisation des images par TwicPics permet finalement de remonter suffisamment de données pour que Dayuse puisse s'appuyer sur Google Analytics afin d'évaluer les impacts bénéfiques : nombre de réservations sur le site web, nombre de retours de la part des clients sur l'application, temps écoulé entre la première visite et la réservation des utilisateurs...
Autant de métriques qui permettent aujourd'hui à Dayuse de mesurer les résultats de l'intégration de TwicPics sur le ROI du site web et de l'application.
Les résultats
Amélioration de la qualité visuelle des images, des Core Web Vitals et du SEO
Nous avons lancé une nouvelle application sans TwicPics, et nous avons eu des répercussions considérables sur la performance... Une heure plus tard la solution a été intégrée de nouveau !
Dès l'intégration de TwicPics, Dayuse rencontre plusieurs bénéfices immédiats.
D'abord les images, fournies par Eiko en colorimétrie parfaite aux dimensions de 2000 x 2000 pixels, sont maintenant traitées à la volée. En s’adaptant automatiquement au contexte des utilisateurs, leur rendu visuel est de meilleure qualité et les internautes n’attendent plus pour accéder au contenu. C'est une amélioration immédiate de l'expérience des utilisateurs.
Concernant le référencement du site web, TwicPics a permis à Dayuse d'obtenir des résultats probants vis-à-vis des Core Web Vitals de Google, améliorant le SEO dans le même temps.
Parmi les multiples facteurs améliorés via l'optimisation des images, les métriques Largest Contentful Paint (LCP) et Cumulative Layout Shift (CLS) ont connu une nette amélioration. C'est d'ailleurs en améliorant ces deux indicateurs grâce à TwicPics que Dayuse optimise les performances de son site web et offre aujourd'hui une expérience utilisateur idéale à tous ses internautes partout dans le monde.
