Site rapide et éco-conçu : les coulisses du site d'Évasion Massage
- Coulisses
- Performance
- Éco-conception
Comment concilier une direction artistique douce et sensorielle avec un site techniquement irréprochable ? Sur le site de la masseuse dijonnaise Justine Chaton, on a atteint 99/100 Lighthouse sur desktop, 89 sur mobile, et un éco-index noté A — sans sacrifier l'atmosphère.
Un site de bien-être doit d’abord se ressentir : douceur des images, calme de la mise en page, atmosphère du cabinet. Le piège, c’est que tout ce sensoriel pèse — et qu’un site lent perd exactement la clientèle locale qui le consulte depuis son téléphone. Voici comment on a tenu les deux bouts sur le site de Justine Chaton, masseuse à Dijon.
La tension : sensoriel contre performant
La direction artistique repose sur la photographie et sur une animation discrète. Or de belles photos, mal traitées, alourdissent une page ; et des animations mal maîtrisées font chuter le score mobile. La règle qu’on s’est fixée : l’émotion se joue à l’écran, jamais au prix du temps de chargement.
Les décisions techniques
Un site statique, codé à la main
Le site est développé avec Next.js et React, puis livré en statique: chaque page est pré-calculée et servie telle quelle, sans base de données à interroger à chaque visite. C’est la base d’un site rapide, sobre et facile à sécuriser.
Des images traitées à la source
Chaque visuel est converti en formats modernes (WebP/AVIF), dimensionné au plus juste et chargé de façon différée hors de l’écran. La photographie garde tout son grain, mais ne fait plus payer sa présence en secondes de chargement.
La réservation, intégrée sans alourdir
Le parcours de réservation est branché sur Cal.com, intégré dans l’univers du site : les clientes choisissent leur soin et leur créneau 24h/24, sans quitter la page ni passer par une marketplace. Un gain de temps réel pour la praticienne, qui ne gère plus les rendez-vous au fil des appels.
Éco-conception et sécurité
Moins de code inutile, moins de requêtes, des médias légers, un hébergement sobre : le site est éco-conçu, et cette sobriété sert aussi la vitesse et la sécurité. Les en-têtes de sécurité sont configurés au grade A.
Les chiffres
Mesures réalisées sur le site en production. Le score mobile est volontairement affiché : c’est le plus exigeant, et le plus honnête.
| Mesure | Résultat |
|---|---|
| Lighthouse — desktop | 99 / 100 |
| Lighthouse — mobile | 89 / 100 |
| Éco-index | A (91 / 100) |
| En-têtes de sécurité | Grade A |
Le compromis, dit honnêtement
89 sur mobile, ce n’est pas 100 — et c’est normal : sur mobile, la puissance et le réseau sont plus contraints, donc jugés plus sévèrement. Pour tenir ce score tout en gardant l’atmosphère, l’animation du hero est plus sobre sur téléphone que sur grand écran. Un arbitrage assumé : la vitesse de chargement prime sur l’effet, parce que c’est elle qui retient la cliente.
Ce que ça change pour la cliente
Un site rapide et lisible, c’est un meilleur référencement local (la recherche « massage Dijon » sur Google comme sur les moteurs IA), moins de visiteurs qui abandonnent, et une réservation plus fluide. Concrètement : des clientes qui réservent seules, 24h/24, et une praticienne qui récupère du temps pour ce qui compte — les soins.
Le détail du projet est à retrouver dans l’étude de cas Évasion Massage.
Questions fréquentes
- Un site avec de belles photos peut-il rester rapide ?
- Oui, à condition de traiter les images : formats modernes (WebP/AVIF), dimensionnement précis, chargement différé hors écran. Le poids visuel se gère à la source ; l'atmosphère ne coûte pas la performance si on optimise chaque média.
- C'est quoi l'éco-conception web, concrètement ?
- C'est réduire l'empreinte d'une page : moins de code inutile, moins de requêtes, des images légères, un hébergement sobre. On mesure le résultat avec un éco-index (note A à G). Le site d'Évasion Massage est noté A.
- Pourquoi le score mobile (89) est-il plus bas que le desktop (99) ?
- Sur mobile, la puissance de calcul et le réseau sont plus contraints : le même site y est jugé plus sévèrement. 89/100 sur mobile reste un excellent score pour un site vitrine avec photographie et animations.
