L'audit

Lancer un audit

Le plus simple, c'est l'essai gratuit en haut de l'accueil, qui mesure une page sans rien installer ni créer de compte et rend le rapport complet, avec sa note et tout ce qu'il faut corriger. La même mesure se lance aussi par l'API, trois fois par jour et par domaine, et c'est d'ailleurs exactement le même moteur qui tourne ensuite dans votre CI, où il n'a plus aucune limite puisqu'il tourne chez vous.

curl -s https://api.getgrammage.com/v1/tests \
    -H 'content-type: application/json' \
    -d '{"url": "https://exemple.fr/"}'

include:
    - project: solyzon/products/grammage/grammage
      ref: prod
      file: ci/grammage.gitlab-ci.yml

grammage:
    extends: .grammage
    needs: [preview]
    variables:
        GRAMMAGE_CATEGORY: auto

grammage audit https://exemple.fr/ --mode fast --format html,agent
grammage audit --site https://exemple.fr/ --category auto --parallel 4

Essayez gratuitement

Une vraie visite, en cinq temps

Grammage ne lit pas le code de la page pour deviner ce qu'elle pèse, il la visite vraiment, et toujours de la même façon, en suivant un protocole fixe qu'on appelle grammage-1.

Chaque page est mesurée trois fois, et le rapport garde la valeur du milieu de chaque grandeur, pour qu'un passage accidentellement lent ou lourd ne fausse pas le résultat. Le téléphone simulé a un écran de 412 × 823 pixels et un processeur ralenti quatre fois, pour ressembler à un modèle de milieu de gamme, et l'ordinateur un écran de 1 920 × 1 080 pixels. Sur nos essais de septembre 2026, le poids, les requêtes et le nombre d'éléments se reproduisent d'ailleurs à moins de 1 % près d'une mesure à l'autre, sauf quand la page change elle-même d'un chargement à l'autre.

Ce qui est relevé

Pendant ces passages, Grammage relève tout ce qui pèse sur l'empreinte de la page. Une partie entre dans la note, et le reste est quand même affiché dans le rapport, soit parce que ça varie encore trop d'une mesure à l'autre pour être noté honnêtement, soit parce que ça parle plutôt de vitesse que d'empreinte, mais ça aide vraiment à comprendre où part l'énergie.

Ce qui entre dans la note

Ce qui est affiché sans être noté

La note sur 100

La note additionne cinq morceaux, le poids, les requêtes, le nombre d'éléments du DOM, les bonnes pratiques et l'hébergement, et compare la page à celles de sa catégorie. Les poids de chaque morceau, les courbes et les repères sont détaillés sur la page de la méthode.

Les quinze bonnes pratiques

Les règles viennent des 115 bonnes pratiques d'écoconception web du collectif Green IT (les références RWEB), du référentiel général d'écoconception de l'Arcep et de l'Arcom (le RGESN) et des Web Sustainability Guidelines du W3C (WSG). Chacune vaut 1, 2 ou 3 selon ce qu'elle pèse vraiment sur l'empreinte, une règle à moitié tenue rapporte la moitié de son poids, et une règle qui ne concerne pas la page, une règle sur les vidéos pour une page sans vidéo par exemple, sort simplement du calcul.

Chaque règle non tenue arrive avec son correctif et avec le gain qu'on peut en attendre à chaque vue, en octets puis en carbone, calculé sur le poids réel des fichiers fautifs, pour que vous commenciez par ce qui pèse vraiment.

Des correctifs écrits pour votre framework

La note ne dépend jamais du framework, puisque Grammage mesure la page telle que le navigateur la reçoit. Ce qui change avec le framework, c'est la façon de corriger, et un conseil qui dit seulement de « servir ses images en WebP » ne fait pas gagner grand-chose à quelqu'un qui travaille sur Nuxt, alors que <NuxtImg format="webp"> lui fait gagner du temps tout de suite. Grammage reconnaît donc le framework de chaque page pendant la mesure, par les marqueurs qu'il laisse dans la page, les adresses de ses fichiers, ses cookies et sa balise generator, et il accompagne chaque correctif générique de celui qui lui est propre.

• Nuxt
• Next.js
• Astro
• WordPress
• SvelteKit
• Laravel
• Shopify
• React
• Vue
• Gatsby
• PrestaShop
• Django
• Symfony
• Drupal
• Joomla
• PHP
• Remix
• Angular
• Webflow
• Wix
• Hugo

<picture>
    <source srcset="/hero.avif" type="image/avif" />
    <img src="/hero.webp" alt="" width="1200" height="630" loading="lazy" />
</picture>

<template>
    <NuxtImg src="/hero.jpg" format="webp" sizes="100vw md:50vw" loading="lazy" />
</template>

import Image from 'next/image';

export function Hero() {
    return <Image src="/hero.jpg" alt="" width={1200} height={630} sizes="100vw" />;
}

---
import { Image } from 'astro:assets';
import hero from '../assets/hero.jpg';
---

<Image src={hero} alt="" format="webp" />

Un Symfony sans ses bundles/ ou un Django qui ne pose aucun cookie ne laissent souvent aucune trace dans la page, et Grammage donne alors les correctifs génériques, qui restent justes pour tout le monde. Il ne devine jamais un framework qu'il n'a pas vraiment reconnu.

Le site entier

Pour un site entier, Grammage lit son sitemap ou suit ses liens, regroupe les pages par gabarit et mesure chacune comme une page à part, puis en tire un résultat pour le site. Les règles de ce choix et de cette pondération sont sur la page de la méthode.

Les sites protégés contre les robots

Une page protégée par un service anti-robots est déclarée non mesurée plutôt que notée, et Grammage ne se fait jamais passer pour un visiteur humain. Ce qu'il faut autoriser chez votre service est expliqué sur la page de la méthode.

Le rapport

Le même rapport sort dans plusieurs formats, choisis par --format, et c'est le même partout, que la mesure vienne du site, de l'API ou de votre CI.

Donner le travail à un agent de code

Le brief grammage-agent.md dit sur quel site et sur quel framework on travaille, puis liste les correctifs dans l'ordre où ils rapportent le plus, avec les fichiers à toucher, le correctif du framework, le gain attendu et la commande qui vérifie que la règle passe. Il ne contient que ce que la mesure a établi, et jamais un conseil qu'elle n'appuie pas.

Préparer une déclaration d'écoconception

L'aide RGESN reprend, pour chacun des huit critères du référentiel que la mesure touche, la question posée, les règles de Grammage qui s'y rapportent, ce qu'elles donnent sur vos pages et les fichiers relevés. Ce n'est pas la déclaration elle-même, qui couvre soixante-dix-huit critères, mais plutôt la preuve mesurée à y joindre.