Carbon score

Carbon score

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

11
1

Affichez l’empreinte carbone de chaque page de votre site, mesurée en direct dans le navigateur

Carbon Score ajoute à votre site un badge CO₂ en direct : il mesure le poids des données chargées par chaque page et le convertit en grammes de CO₂ par visite, avec une note carbone de A+ à F. Pas d’API, pas de compte, aucun service externe : tout se calcule dans le navigateur du visiteur, sur n’importe quel site Framer, publié ou non.

Mesurer l’empreinte carbone d’une page

• Poids réel de la page, mesuré au chargement dans le navigateur du visiteur
• Grammes de CO₂ par visite et note carbone de A+ à F
• Option Green Hosting si votre hébergeur fonctionne aux énergies renouvelables
• Fonctionne sur n’importe quelle page, sans configuration ni clé d’API

Personnaliser le style du badge

• Couleurs de l’accent, du label, du fond, de la valeur et du rating
• Label optionnel avec texte personnalisable
• Ligne de rating optionnelle avec gap réglable
• Radius et réglages de font complets

Méthode de calcul et intégration

• Basé sur le modèle Sustainable Web Design, tel qu’implémenté dans CO2.js par la Green Web Foundation
• Une estimation pensée pour donner une idée claire de l’empreinte de votre page, pas une mesure certifiée
• Environ deux secondes de mesure après le chargement : idéal dans le footer ou plus bas dans la page
• Score d’exemple affiché sur le canvas pendant que vous designez
• Léger et sans dépendance : il lit uniquement des données que le navigateur possède déjà

Carbon Score ajoute à votre site un badge CO₂ en direct : il mesure le poids des données chargées par chaque page et le convertit en grammes de CO₂ par visite, avec une note carbone de A+ à F. Pas d’API, pas de compte, aucun service externe : tout se calcule dans le navigateur du visiteur, sur n’importe quel site Framer, publié ou non.

Mesurer l’empreinte carbone d’une page

• Poids réel de la page, mesuré au chargement dans le navigateur du visiteur
• Grammes de CO₂ par visite et note carbone de A+ à F
• Option Green Hosting si votre hébergeur fonctionne aux énergies renouvelables
• Fonctionne sur n’importe quelle page, sans configuration ni clé d’API

Personnaliser le style du badge

• Couleurs de l’accent, du label, du fond, de la valeur et du rating
• Label optionnel avec texte personnalisable
• Ligne de rating optionnelle avec gap réglable
• Radius et réglages de font complets

Méthode de calcul et intégration

• Basé sur le modèle Sustainable Web Design, tel qu’implémenté dans CO2.js par la Green Web Foundation
• Une estimation pensée pour donner une idée claire de l’empreinte de votre page, pas une mesure certifiée
• Environ deux secondes de mesure après le chargement : idéal dans le footer ou plus bas dans la page
• Score d’exemple affiché sur le canvas pendant que vous designez
• Léger et sans dépendance : il lit uniquement des données que le navigateur possède déjà