Otwarty widget npm
cometweb.io/carbon-badge Live

Carbon Badge

Osadź na stronie lekki badge CO₂e — tryb api (Insight) albo estimate (lokalnie).

Web component @cometweb/carbon-badge (MIT). api mierzy podany URL przez publiczne API; estimate liczy wagę bieżącej strony z Performance API. To estymacja transferu, nie certyfikat ESG.

mode=api — publiczne API Insight mierzy podany URL (tu: cometweb.io).

1. Instalacja
Potem: import '@cometweb/carbon-badge' w bundlerze. Wersja pinned: 1.0.6.
2. Wklej w stronę
mode=api — publiczne API Insight mierzy podany URL (tu: cometweb.io). Domyślny mode w komponencie to api. Tag: cometweb-carbon-badge (nie carbon-badge).
Atrybuty
urlURL do API (domyślnie bieżący). W estimate nie steruje wagą strony.
modeapi | estimate — domyślnie api
themedark | light
cache-ttlminuty cache w localStorage (domyślnie 720 = 12h)
api-urlhttps://app.cometweb.io/api
green-hosttylko estimate — "true" obniża czynnik hostingu
Progi oceny (g CO₂e / visit)
A+< 0.10g
A< 0.20g
B< 0.40g
C< 0.70g
D< 1.00g
F≥ 1.00g

To estymacja transferu strony, nie ślad całej organizacji ani certyfikat ESG.

Model SWDM v4

Estymacja CO₂e wg Sustainable Web Design Model (Green Web Foundation). W API wynik ma też formula_version z Insight.

~4.7 KB gzip

Paczka @cometweb/carbon-badge@1.0.6 — zero zależności runtime.

api albo estimate

api: GET /api/public/carbon-badge dla podanego URL. estimate: waga bieżącej strony z Performance API.

theme dark / light

Dwa wbudowane motywy web componentu — bez własnego CSS.

Licencja MIT

Używaj komercyjnie, self-hostuj, modyfikuj — bez opłat za widget.

Link do Ecology

Klik otwiera cometweb.io/insight/ecology (opis modułu), nie certyfikat ESG ani pełny raport projektu.