Carbon score
Carbon score
Type
Component
Plateforme
Framer
Créé en
2026
Type
Component
Plateforme
Framer
Créé en
2026

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à
