Avez-vous peut-être remarqué que le site a légèrement évolué ?
C'est officiel, nous venons de mettre en ligne la nouvelle version du site web d'atelier-equinoxe.fr. Ce nouveau site s'inscrit dans la volonté de réduire l'impact de son prédécesseur et d'être plus ergonomique à l'utilisation.
Pour cet article, c'est moi, Justine de Aikow Studio, qui prends la parole pour vous expliquer le pourquoi du comment.
Pourquoi un nouveau site ?
L'ancien site était un WordPress avec WooCommerce, fait il y a plus de 6 ans avec une surcouche (Divi) qui permettait à Jonathan de gérer le site en autonomie.
Aujourd'hui, cette solution technique est beaucoup trop lourde et n'est plus pertinente avec les nouveautés de WordPress, qui intègre maintenant son propre système d'agencement de page.
Alors vous pouvez certainement vous poser la question : pourquoi nous n'avons pas simplement gardé le WordPress et fait une mise à jour de thème ?
La réponse est simple, c'est surdimensionné pour l'usage de Jonathan.
De plus, mes méthodes de développement ont grandement évolué et, dans une logique d'aller toujours plus loin dans l'éco-conception, j'ai proposé à Jonathan de passer sur des technologies plus respectueuses qu'une usine à gaz. C'est dans cette logique qu'on a lancé la refonte du site web.
Les nouveautés du site
Avec cette refonte, c'était l'occasion de redonner un petit coup de jeune.
Nous avons gardé le design qui était initialement en place et y avons intégré des nouveautés.
Voici une liste des nouveautés :
- Une mise à jour visuelle de l'accueil pour mieux représenter Jonathan
- Une meilleure segmentation entre Création, Projets et Ateliers
- Un meilleur contraste pour les textes et l'accessibilité
- Des entêtes de pages moins énergivores avec des dessins décoratifs réalisés par Jonathan
- Une fonctionnalité vous permettant de réserver votre atelier Wecandoo directement sur le site web
Je ne vais pas vous faire la liste de tout ce qui a changé techniquement, ce qu'il faut retenir, c'est que le site de Jonathan est passé d'un score Ecoindex moyen de 68/100 (note D) à 87/100 (note A).
Un site éco-conçu
Pour faire simple, nous sommes passés d'un site très énergivore sous un WordPress qui fait des appels serveurs constamment pour afficher les pages à un site statique qui limite son empreinte de par sa nature.
Cette façon de travailler me permet d'avoir la main sur tout et rien n'est laissé au hasard. Ça me permet d'optimiser chaque ligne de code du site et de régler précisément les modules énergivores comme le paiement en ligne, les formulaires, Wecandoo… et de pouvoir déclencher leurs événements uniquement quand c'est nécessaire.
Plutôt que de longs discours, voici deux tableaux pour montrer la différence entre l'ancien site et le nouveau.
1. Ecoindex de la page d'accueil
Ces données ont été effectuées grâce au plugin EcoIndex disponible ici.
Pour expliquer simplement les tableaux que vous allez lire ci-dessous, il y a 3 éléments essentiels qui nous aident à juger de l'éco-conception du site web selon le modèle d'EcoIndex :
- le poids transféré, c'est-à-dire combien pèse la page
- Le nombre de requêtes, chaque lien vers une image, une police ou toute autre ressource est une requête.
- Les éléments DOM, ce sont les balises HTML (code) qui composent votre page.
Pour ces trois métriques, on veut avoir un chiffre le plus bas possible.
| Mesure | Ancien site (WP) | Nouveau site (Astro) |
|---|---|---|
| Score Ecoindex | 48/100 | 79/100 |
| Note | D | B |
| Empreinte GES | 2,03 g eqCO2 | 1,43 g eqCO2 |
| Consommation d'eau | 3,05 cl | 2,14 cl |
| Poids transféré | 7 834 Ko | 1 109 Ko |
| Requêtes | 78 | 27 |
| Éléments DOM | 457 | 211 |
2. Ecoindex, moyenne sur les pages comparables
| Mesure | Ancien site (9 pages) | Nouveau site (10 pages) |
|---|---|---|
| Score Ecoindex moyen | 68/100 | 87/100 |
| Notes obtenues | D, C, E, B, B, A, A, A, C | 9×A, 1×B |
| GES moyen | 1,65 g eqCO2 | 1,27 g eqCO2 |
| Eau moyenne | 2,47 cl | 1,90 cl |
3. Lighthouse, moyenne sur les pages comparables
Ces mesures sont extraites d'un plugin Lighthouse de Google.
| Mesure | Ancien site | Nouveau site |
|---|---|---|
| Performance | 86/100 | 100/100 |
| Accessibilité | 78/100 | 98/100 |
| Bonnes pratiques | 69/100 | 100/100 |
| SEO | 86/100 | 100/100 |
| Poids moyen/page | 2 535 Ko | 291 Ko |
| Requêtes moyennes/page | 85 | 19 |
On fait donc de belles économies et le site est beaucoup plus fluide qu'avant.
Si vous souhaitez en savoir un peu plus sur les mesures d'éco-conception, vous retrouverez une page dédiée juste ici.
Le mot de la fin
Je remercie Jonathan encore une fois pour sa confiance renouvelée et je suis très heureuse de l'accompagner pour son nouveau site web. Si vous aussi vous aimeriez avoir un site web plus responsable, vous pouvez me trouver ici.
La bise, Justine.