Grammage, l’audit
d’éco-conception que nous avons créé
- Projet
- Grammage
- Type
- Produit Solyzon
- Pour
- Les entreprises et leurs développeurs
- Prestations
- Identité, site, outil et API
Le projet
Grammage est notre outil d’audit d’éco-conception. Il ouvre un site dans un vrai navigateur, mesure ce que chaque page télécharge vraiment, puis en tire une note sur 100 et une estimation de son CO₂.
Il s’intègre aussi à la CI/CD des entreprises, c’est-à-dire à la chaîne qui met leur site en ligne, pour vérifier ses scores à chaque déploiement, et il atteste le résultat avec un badge vérifié. Nous avons tout fait chez nous, du logo au site, jusqu’à l’outil lui-même et son API.
Découvrir GrammageDu croquis au logo
Le logo devait dire deux choses, que nous mesurons et que c’est léger. Nous avons essayé une balance, trop lourde, puis un nuage de CO₂, trop triste, avant de garder la jauge, que nous avons retracée à la plume et à laquelle nous avons ajouté une feuille.
La méthode
Grammage mesure chaque page selon un protocole fixe, toujours le même, pour que deux mesures se comparent. Chaque page passe trois fois, sur téléphone et sur ordinateur, et le rapport garde la valeur du milieu.
Temps 1, Le chargement
La page s’ouvre dans un vrai navigateur, sans fenêtre, comme chez un visiteur.
Temps 2, L’attente du calme
Grammage attend que la page ait fini de travailler après son chargement, quinze secondes au plus.
Temps 3, Le défilement
Il descend écran par écran jusqu’en bas, pour charger tout ce qui attend qu’on s’en approche.
Temps 4, L’observation
Pendant cinq secondes, il compte encore tout ce qui arrive, un carrousel qui tourne par exemple.
Temps 5, La visite de retour
Il revient sur la page pour mesurer ce qu’elle retélécharge alors qu’elle est déjà en cache.
La technique
L’outil est écrit en TypeScript, exécuté directement par Node 24, sans étape de build. Playwright pilote Chromium sans fenêtre, doublé d’une session du protocole DevTools pour relever chaque octet transféré, le DOM et le temps de calcul, et le carbone passe par CO2.js, avec le modèle SWD v4.
Le site getgrammage.com est construit avec Astro, et ses pages d’attestation affichent les résultats signés par Grammage.
Grammage ouvre votre site comme le ferait un visiteur et compte tout ce qu’il télécharge, octet par octet, puis il traduit ce poids en grammes de CO₂ avec une méthode de calcul reconnue.
Le résultat est signé, pour que personne ne puisse le modifier, et il s’affiche sur une page publique que chacun peut ouvrir pour vérifier le badge d’un site.
Le badge et son attestation
- Le badge, en bas de pageIl donne le poids carbone de la page et le compare à celui d’un site du même genre.
- L’attestation, au clicUne page publique, avec le sceau « Vérifié par Grammage » et le détail de la mesure, que chacun peut ouvrir.
Les coulisses
Le projet en vidéo
Comment nous avons dessiné le logo, de la balance que nous avons écartée jusqu’à la jauge et sa feuille, raconté en moins d’une minute.
Lancer votre projet
Un outil ou une application à construire ? Parlez-nous de votre idée, nous vous répondons avec un devis clair.