Découvrez l'outil Fruggr avec Baptiste Macé

Introduction 

Dans un contexte où l’urgence climatique devient une priorité mondiale, chaque secteur se doit de réévaluer son impact environnemental. Le domaine du numérique, souvent perçu comme immatériel, a pourtant une empreinte carbone significative. En effet, l’ensemble des activités numériques est responsable d’environ 4 % des émissions mondiales de gaz à effet de serre, un chiffre au-dessus de celui de l’aviation civile. C’est dans ce cadre que Fruggr fait son apparition, un outil innovant de diagnostic qui vise à mesurer et à réduire l’empreinte carbone des sites web. 

Qu’est-ce que Fruggr ? 

Fruggr est une solution de mesure et d’optimisation des impacts environnementaux et sociaux des plateformes numériques, dont les sites web. L’objectif principal de Fruggr est d’accompagner les entreprises et les organisations dans la réduction de leur empreinte écologique, en identifiant les points d’amélioration de leurs infrastructures numériques. 

L’outil permet d’évaluer l’impact environnemental d’un site web en analysant plusieurs paramètres comme la consommation d’énergie nécessaire à l’hébergement, au transfert de données et à la consultation du site par les utilisateurs. 

Pourquoi utiliser Fruggr ? 

L’utilisation de Fruggr présente plusieurs avantages pour les entreprises : 

1. Réduire l’empreinte carbone : En identifiant les leviers d’optimisation, Fruggr aide à réduire la consommation d’énergie liée au fonctionnement des sites web, contribuant ainsi à un internet plus durable. 

1. Améliorer les performances des sites : En réduisant le poids des pages et en optimisant les ressources, Fruggr permet également d’accélérer le temps de chargement des sites web, ce qui améliore l’expérience utilisateur. 

1. Renforcer l’image de marque : Les entreprises qui s’engagent dans une démarche éco-responsable et adoptent des pratiques numériques plus vertes améliorent leur réputation et répondent aux attentes croissantes des consommateurs en matière de responsabilité sociale et environnementale. 

Comment fonctionne Fruggr ? 

Fruggr se base sur des critères multiples pour calculer l’empreinte carbone d’un site : 

• Le poids des pages web : Plus une page web est lourde, plus elle consomme d’énergie lors de son chargement. Fruggr identifie les éléments qui alourdissent un site, tels que des images non optimisées, des fichiers CSS ou JavaScript trop volumineux. 

• L’hébergement : Les serveurs qui hébergent les sites web consomment de l’électricité. Fruggr évalue l’efficacité énergétique des serveurs utilisés par un site ainsi que leur localisation géographique, ce quixxw ! peut influencer l’empreinte carbone selon la source d’énergie disponible (renouvelable ou non). 

• Le trafic et l’utilisation des données : La consommation énergétique d’un site augmente en fonction du nombre de visiteurs et du volume de données transférées. Fruggr fournit des recommandations pour optimiser ces aspects. 

Fruggr propose deux types d’analyse pour évaluer l’empreinte carbone : 

• Analyse page par page : Cette approche consiste à analyser l’ensemble des pages d’un site de manière individuelle. Bien que cette méthode soit précise, elle est très consommatrice en ressources. Par conséquent, elle ne doit pas être incluse dans une CI/CD (Intégration continue / Déploiement continu), sauf lors des releases majeures. L’impact en termes de performance et de coût en fait une option plus adaptée pour des audits ponctuels à grande échelle. 

• Analyse par unité fonctionnelle (UF) : Cette méthode est plus légère et permet de mesurer l’empreinte carbone en se basant sur des actions spécifiques réalisées sur le site, telles que la mise en panier ou la finalisation d’une commande. Elle est moins gourmande en ressources et peut donc être intégrée à une CD à chaque release. L’analyse par UF permet également d’identifier les pages en lien avec une équipe dédiée, ce qui facilite le suivi des performances environnementales. 

De plus, cette approche par UF permet de gamifier le processus avec un système de points attribués en fonction des résultats obtenus, encourageant ainsi les équipes à améliorer continuellement l’impact de leurs développements. L’interface de Fruggr, en s’appuyant sur Playwright, permet également de réutiliser les scénarios QA pour effectuer l’analyse des UF, offrant ainsi une intégration fluide avec les tests automatisés existants. 

Les scénarios Playwright : une courbe d’apprentissage à maîtriser et une opportunité de « Shift Left » pour le Green IT 

Bien que l’utilisation de Playwright pour analyser les unités fonctionnelles (UF) offre une grande flexibilité, la création de scénarios Playwright peut s’avérer complexe, notamment pour les équipes qui ne sont pas familières avec les outils de test automatisés. Même avec des fonctionnalités d’aide au débogage, la rédaction de ces scénarios reste un défi, en particulier lorsqu’il s’agit de couvrir des cas d’usage complexes ou spécifiques à un site. Cependant, Fruggr compense cette difficulté en offrant un support technique et des formations complètes à ses utilisateurs. Grâce à l’accompagnement des équipes Fruggr, les entreprises peuvent surmonter ces obstacles et mettre en place des scénarios de test robustes pour monitorer l’empreinte carbone de leurs UFs de manière efficace. 

De plus, Fruggr permet d’adopter une approche de « Shift Left » dans le domaine du Green IT en intégrant des préoccupations environnementales dès les premières étapes de la conception logicielle. En combinant Playwright avec une démarche axée sur le Behaviour-Driven Development (BDD), les équipes peuvent définir et tester des critères écologiques dès le début du cycle de développement. Cela encourage une prise en compte proactive de l’impact environnemental, plutôt que d’attendre les phases de production, et facilite ainsi une réduction continue de l’empreinte carbone des logiciels dès leur conception. 

Retour d’expérience : Analyse d’un site e-commerce 

J’ai personnellement eu l’occasion d’utiliser Fruggr sur un site e-commerce, en me basant sur une unité fonctionnelle (UF) de mise en panier. Cet indicateur clé m’a permis de mesurer l’empreinte carbone liée à l’action cruciale du processus d’achat sur le site. Grâce à Fruggr, j’ai pu identifier des leviers d’optimisation, notamment la réduction de script .js présent sur toutes les pages ou encore des médias cachés embarqués mais jamais affichés, ce qui a non seulement amélioré les performances du site, mais aussi réduit son empreinte carbone. 

Il est possible de comparer deux analyses effectuées à des moments différents, ce qui permet de s’assurer que chaque nouvelle version du site est aussi respectueuse de l’environnement, voire plus, que la précédente. De plus, l’outil peut identifier et afficher les nouveaux éléments introduits entre les deux versions, facilitant ainsi la détection des changements qui pourraient impacter l’empreinte carbone. 

De plus, Fruggr agrège les analytics, il est possible d’identifier les pages les plus visitées sur un site web. Cette donnée est cruciale car elle permet de pondérer les recommandations, en ciblant prioritairement les améliorations sur les pages à fort trafic. Cela maximise l’impact des optimisations en termes d’empreinte carbone et d’expérience utilisateur. 

Bien que Fruggr propose une fonctionnalité de scan du code pour générer des recommandations à travers le code source, cette fonctionnalité n’a pas un intérêt majeur. Les optimisations de code apportent des gains marginaux en termes de réduction d’empreinte carbone par rapport aux améliorations structurelles et à l’optimisation des pages ou des UFs. Il est donc souvent plus efficace de concentrer les efforts sur d’autres types d’analyse pour un impact plus significatif. 

Nous travaillons actuellement à intégrer Fruggr dans nos processus de développement, en commençant par l’utiliser pour valider les releases majeures. Toutefois, nous explorons également la possibilité de l’intégrer en amont dans la chaîne de validation, en faisant de l’analyse environnementale d’une UF un prérequis pour chaque nouveau commit. Cette approche permettrait de renforcer encore davantage l’impact du Green IT dès les premières étapes du développement, alignée sur une stratégie de Shift Left visant à détecter et à corriger les dérives écologiques le plus tôt possible dans le cycle de vie du logiciel. 

Les concurrents de Fruggr : EcoIndex, Website Carbon, et GreenFrame 

Sur le marché des outils de diagnostic de l’empreinte carbone des sites web, Fruggr n’est pas seul. Parmi ses principaux concurrents, on trouve EcoIndex, Website Carbon, et GreenFrame. 

• EcoIndex est un outil open-source qui évalue l’impact environnemental des pages web en se basant sur des critères tels que la taille de la page, le nombre de requêtes et le temps de chargement. L’outil est apprécié pour sa simplicité et sa rapidité d’analyse, mais il reste limité dans la profondeur de ses diagnostics. Contrairement à Fruggr, EcoIndex se concentre principalement sur les aspects front-end (comme le poids des pages), sans offrir d’analyse fonctionnelle (UF) ni de possibilités de gamification. Cependant, pour des évaluations rapides et moins complexes, EcoIndex peut être un bon choix. 

• Website Carbon est un autre outil populaire qui permet de mesurer l’empreinte carbone des sites web en calculant l’énergie utilisée pour transférer les données et charger les pages. Il offre une visualisation claire des résultats, ce qui en fait une bonne option pour sensibiliser les utilisateurs à l’impact environnemental du numérique. Toutefois, il est moins complet que Fruggr en ce qui concerne l’analyse des unités fonctionnelles et ne propose pas d’intégration avec des pipelines CI/CD, un point où Fruggr se distingue clairement en facilitant un suivi plus automatisé et continu des optimisations environnementales. 

• GreenFrame se positionne comme un outil open source pour mesurer l’empreinte carbone des applications web et mobiles. Contrairement à Fruggr, qui se concentre surtout sur les sites web, GreenFrame offre une analyse plus technique qui inclut également le backend. Cela en fait une alternative intéressante pour les entreprises cherchant à mesurer l’impact complet de leur infrastructure numérique. Cependant, son interface est plus technique, ce qui peut rendre son adoption plus complexe pour des équipes non spécialisées. Fruggr, en comparaison, offre une interface utilisateur plus intuitive et des scénarios réutilisables avec Playwright pour faciliter l’analyse des UFs. 

En résumé, Fruggr se démarque de ses concurrents par sa capacité à effectuer des analyses complètes des sites, son intégration à des analytics, et sa flexibilité grâce à l’interface Playwright. Bien que des outils comme EcoIndex et Website Carbon soient plus rapides à mettre en œuvre pour des évaluations ponctuelles, Fruggr offre une solution plus complète et adaptée aux entreprises cherchant un suivi régulier et automatisé de leur empreinte carbone. 

Conclusion 

Alors que le secteur numérique continue de croître, il est impératif de prendre en compte son impact environnemental. Des outils comme Fruggr offrent une solution concrète pour évaluer et réduire l’empreinte carbone des sites web, tout en améliorant leurs performances. En utilisant également les analytics, les entreprises peuvent cibler les pages les plus visitées pour des optimisations plus efficaces. Cependant, la consommation du backend, qui constitue une part importante de l’infrastructure, doit être mesurée par des outils spécialisés comme Scaphandre ou PowerTOP. 

Grâce à ses deux types d’analyse, Fruggr permet aux entreprises de choisir la méthode la plus adaptée à leurs besoins : une analyse détaillée page par page pour les releases majeures ou une approche plus flexible par unité fonctionnelle (UF) pour un suivi régulier et moins gourmand en ressources. En outre, l’intégration de Playwright et la possibilité de réutiliser les scénarios QA facilitent l’analyse des UFs, bien que la création de ces scénarios puisse être complexe. Toutefois, le support et la formation offerts par Fruggr permettent de surmonter ces difficultés. 

Fruggr va plus loin en offrant une opportunité de « Shift Left » dans le domaine du Green IT, en intégrant des considérations écologiques dès les premières phases de la conception logicielle. En combinant cet outil avec une approche axée sur le Behaviour-Driven Development (BDD), les équipes peuvent définir des critères écologiques en amont et les intégrer dans le cycle de développement. Cette démarche proactive permet non seulement de s’assurer que chaque nouvelle version d’un site web ou d’une application est plus respectueuse de l’environnement, mais aussi d’identifier rapidement les éléments à optimiser pour un impact durable. 

Pour toute entreprise souhaitant s’inscrire dans une démarche éco-responsable et intégrer le Green IT dès la phase de conception, Fruggr représente une étape essentielle vers un numérique plus durable.