CometWeb Insight
Chcesz wiedzieć, co poprawić?
Przejdź od samego wskaźnika do audytu strony, priorytetów i działań w Insight. To osobne narzędzie, a badge nie wymaga konta.
Sprawdź stronę w InsightCometWeb Labs / Carbon Badge
Mały komponent.
Ślad strony na widoku.
Pokaż odwiedzającym estymację CO₂e strony w lekkim komponencie, który pasuje do Twojej witryny.
Bezpłatnie, bez konta i klucza API. Badge liczy wynik w przeglądarce odwiedzającego. Nie wysyła adresu strony ani danych pomiarowych do Insight. Kod na licencji MIT.
cometweb.ioPodgląd komponentu
Wynik liczony lokalnie dla tej strony. N/D oznacza brak pełnych danych, a nie zerową emisję.
MIT · Web Component
Kod i dokumentacja na GitHubINSTALACJA
Wybierz wygląd. Wklej kod.
Motyw i rozmiar wybierzesz w podglądzie powyżej. Konto ani konfiguracja serwera nie są potrzebne.
Light: SVG, bez JavaScriptu
Jeden obraz z linkiem do szczegółów opublikowanego pomiaru: daty, metody i źródła danych. Light nie mierzy strony odwiedzającego.
W Insight potwierdź domenę metatagiem HTML lub rekordem DNS, wybierz zapisany pomiar i opublikuj go. Kod SVG skopiujesz z sekcji Carbon Badge swojego projektu.
Otwórz konto Insight 0 B JavaScriptu · jeden SVG · motyw light nadal oznacza jasny wygląd komponentu1. Wybierz hosting pliku
Przeglądarka pobiera przypiętą wersję pliku statycznego z cometweb.io. Wynik liczy na urządzeniu, bez zlecania skanów Insight.
Pobierz plik ESM v2.0.4 · Kontrola integralności SRI w kodzieTryb lokalny nie zapisuje cookies ani localStorage. Pobranie pliku podlega zwykłym logom hostingu. Zasoby z obcych domen mogą ukrywać rozmiar. Wtedy pokażemy N/D.
2. Wklej przed końcem body
<script type="module" src="https://cometweb.io/scripts/carbon-badge/2.0.4/cometweb-carbon-badge.esm.js"
integrity="sha384-QNxl+ZOlzFXMbvclarKs9Nz0LgS5MmPnP5eGutrwB/0F48yi0irpLHaissISHd1C" crossorigin="anonymous"></script>
<cometweb-carbon-badge mode="estimate"
theme="dark" variant="default" lang="pl"></cometweb-carbon-badge>Jeśli Twoja strona ma CSP, dopuść wybrany adres skryptu w script-src. Wynik dotyczy bieżącego załadowania strony i może różnić się między urządzeniami.
ŹRÓDŁO WYNIKU
Skąd bierze się wynik?
Badge pokazuje estymację jednego załadowania strony. Insight pomaga znaleźć i zaplanować zmiany.
mode="estimate" lang=plEstymacja w przeglądarce
Komponent korzysta lokalnie z Performance API. Nie wysyła żądania o wynik i nie używa atrybutu URL do określenia wagi strony.
Domyślnie · bez skanów serwerowych · brak pełnych danych = N/DSWDM v4model estymacji CO₂e
Bez APIlokalne obliczenia, bez zależności runtime
dark / lightdwa motywy komponentu
MITmożesz modyfikować i hostować kod
SZCZEGÓŁY
Ustawienia i skala oceny.
Atrybuty
modeestimate · domyślny tryb lokalnythemedark | lightvariantdefault | compact | minimalurlNie jest potrzebny. Lokalny badge korzysta z danych bieżącej strony, bez parametrów URL i fragmentu.Progi oceny (g CO₂e / załadowanie)
A+< 0.10g
A< 0.20g
B< 0.40g
C< 0.70g
D< 1.00g
F≥ 1.00g
Gramy CO₂e liczy model SWDM v4; progi liter A+–F to skala prezentacji CometWeb, nie progi opublikowane przez Sustainable Web Design. To estymacja transferu strony, nie ślad całej organizacji ani certyfikat ESG.
Nie. Pokazuje estymację CO₂e według modelu i dostępnych danych. Nie jest pomiarem zużycia energii, certyfikatem ani raportem ESG.
Przeglądarka nie zawsze udostępnia rozmiar wszystkich zasobów, szczególnie z innych domen. Sprawdź nagłówek Timing-Allow-Origin u dostawców zasobów. Jeśli danych nadal brakuje, badge pozostanie bez oceny i nie będzie zgadywał.
Nie zleca skanów serwerowych i nie wymaga konta. Pobiera tylko plik komponentu; wynik liczy lokalnie. Możesz hostować plik na swojej stronie. Standardowy tryb lokalny nie zapisuje cookies ani localStorage. Tryby API i snapshot mogą korzystać z localStorage zgodnie z odpowiedzią serwera; no-store blokuje zapis.
Tak. Kod jest dostępny na licencji MIT. Możesz go modyfikować i hostować samodzielnie z zachowaniem informacji o licencji.
Pasuje do