KARBON KALKULÁTOR

Mekkora a weboldal karbonlábnyoma?

%

KARBONKIBOCSÁTÁS

OLDALDIAGNOSZTIKA

KÉPDIAGNOSZTIKA

CSÖKKENTÉS MODELLEZÉS

Oldaltöltésenként

1.42 G

CO2-t bocsájt ki, és

energiával működik.

havi oldaltöltéssel

éves szinten

828.7 KG

CO2-t bocsát ki,

ha a látogatók 25%-a visszatérő és döntően innen érkezik: Magyarország

Korábbi tesztelés () alapján, újratesztelésért A kalkulátor a Carbon.Crane csapatának saját módszertana alapján számol.

Ami megfelel

1723
km autózásnak

vagy

642
db mosásnak

vagy

237
db tojás (60g) előállításának

NETTÓ CO2E KIBOCSÁTÁS

1.42 G

A "Diagnosztika" nézet segít a weboldalt felépítő komponensek és azok karbonlábnyomra gyakorolt hatásának értelmezésében.

Az "Hatáselemzés" mátrix arra ad választ, hogy milyen prioritások mentén érdemes az oldalt optimalizálni.

A mátrix jobb-felső részébe kerülő komponensekkel mindenképp foglalkozni kell, míg a bal alsó szekcióban lévőkkel nincs teendő.

KOMPONENSEK SZÁMA

98 DB

KOMPONENSEK MÉRETE

3.1

Karbonlábnyom

Az oldal karbonlábnyoma

G CO2E

Havi PageView szám

PV/HÓ

Éves karbonkibocsátás

KG CO2E

Csökkentés modellezése

Tervezett oldalankénti
csökkentés mértéke

A websitehoz tartozó
összes URL darabszáma

Csökkentés eredménye

A csökkentés mértéke

CO2E

Energiamegtakarítás

Fa ültetése

fa

A weboldal becsült csökkentési potenciálja képoptimalizálással

- %

KB

G CO2E

A httparchive mérései alapján a weboldalak méretének – ezáltal a karbonlábnyomuknak – a rajtuk található képanyag nagyságrendileg 40%-át adja (medián).

Ezen a felületen azt vizsgáljuk, hogy a képek vajon lehetnének-e kisebbek is, anélkül, hogy ez az emberi szem számára észlelhető minőségromlást jelent.

Másképp fogalmazva: rejtenek-e a képek csökkentési potenciált az oldal vonatkozásában és ha igen, mekkorát?

- - - - - Optimális képméret benchmark

Buborék világoszöld zónája: csökkentési potenciál

Buborék sötétzöld zónája: optimalizált képméret

KARBONSZÖRNYEK

A diagnosztika segít azonosítani azokat az alkatrészeket, amelyek felelősek
a szén-dioxid kibocsátásért. De tudjuk-e, hogy kik ők valójában?

Carbon Colony xmas Carbon Colony xmas

Az image - vagy kép, fotó – a nagyobb méretű tartalomtípusok közé tartozik a weboldalakon.

Carbon Colony xmas

Besorolása

Az audióvizuális eszközök családjába tartozik.

Különös ismertetőjele

Illusztrációként vagy önmagában alkalmazzák. Az ismert mondás szerint: egy kép felér ezer szóval. Rosszul tömöríthető.

Előfordulási helye

Általánosan elterjed, kifejezetten kedveli a termékbemutatókat,használati tanácsokat, eseménybeszámolókat, híreket közzétevő oldalakat. De fellelhetők kifejezetten képeket értékesítő websiteokon is.

Mérete

Széles skálán mozog, a kisebbek már 50 KB méretben is megtalálhatók a nagyobbak elérhetik a több tíz MB méretet is.

Karbonkibocsátása

Méretéből adódóan jelentős is lehet, különösen az indokolatlanul nzgyméretű példányok lehetnek a környezetre veszélyesek.

Szelidítése

Kerüljük az eredeti méretben történő felhasználást, minden esetben optimalizáljuk a weboldalra. Ha szükséges, kérjük szakértő segítségét.

A média - vagy videó, mozgókép – az egyik legnagyobb méretű tartalomtípus a weboldalakon.

Carbon Colony xmas

Besorolása

Az audióvizuális eszközök családjába tartozik.

Különös ismertetőjele

Hang és képüzenetek együttes megejelenítése. Addiktív. Rosszul tömöríthető.

Előfordulási helye

Általánosan elterjed, kifejezetten kedveli a termékbemutatókat,használati tanácsokat, eseménybeszámolókat, híreket közzétevő oldalakat.

Mérete

Széles skálán mozog, a nagyobbak elérhetik a több száz MB méretet is.

Karbonkibocsátása

Méretéből adódóan jelentős is lehet, különösen a teljes képernyős, automatikusan elinduló példányok lehetnek a környezetre veszélyesek.

Szelidítése

Kerüljük az oldalba ágyazást, javasolt linkként történő beemelése az oldal tartalmába. Kérjük szakértő segítségét.

A weboldal tervezésénél és elrendezésénél használt betűtípus vagy betűstílus, karakterkészlet.

Carbon Colony xmas

Besorolása

A vizuális megjelenést meghatározó eszközök családjába tartozik.

Különös ismertetőjele

Hangulatot és stílust adnak az oldalnak, ezért az adott rendszerfontok mellett vannak külön egyéniségek, azaz egyedi fontkészletek is. Érzékenyek a környezetre, ha úgy tartja kedvük, nem mindig az elvárt módon jelennek meg (különösen az ékezetek).

Előfordulási helye

Weboldalon belül mindenütt, egy oldalon belül akár többfélék is lehetnek és eltérő méretűek.

Mérete

A típustól, illetve attól függ, hogy rendszerfont –e vagy egyedi.

Karbonkibocsátása

Az egyedi font saját szerverről hivatja be magát a weboldalra, így a karbonkibocsátása is nagyobb.

Szelidítése

Az egyedi fontok szépek, de érdemes helyettük rendszerfontokat választani (már az arculat tervezéskor figyelni erre), vagy fontstreaming-elni, azaz a Google Font központi tárhelyén meghivatkozni őket.

A weboldal stílusát meghatározó sablon, egy stylist, aki az oldal megjelenését írja le.

Carbon Colony xmas

Besorolása

A vizuális megjelenést meghatározó eszközök családjába tartozik.

Különös ismertetőjele

Jó ízlésük van és két fajtájuk: a belső (a HTML dokumentumban) és külső (CSS fileban, amire hivatkozik a HTML). Méretüket befolyásolhatja, hogy mennyi és milyen összetett formázási szabályt tartalmaznak.

Előfordulási helye

HTML vagy XHTML dokumentumokban találod.

Mérete

Alapvetően nem nagy file (10K -1Mb), típustól függ.

Karbonkibocsátása

Ha külső forrásból hivatkozza meg a stíluslap a szabályt, akkor karbonkibocsátása is jelentőssé válhat.

Szelidítése

Csak azon stíluselemek kiválogatása és használata a stílusleírás „könyvtárból” amelyek valóban szükségesek az oldalon található elemek megjelenéséhez.

Határozott figura: az elkészült oldal HTML file-ja ő, aki leírja, hogy mit milyen struktúrában, szisztémában kell megjeleníteni - header-body-footer.

Carbon Colony xmas

Besorolása

A vizuális megjelenést meghatározó dokumentumok családjába tartozik.

Különös ismertetőjele

Megkerülhetetlen, nélküle nincsen oldal. És tudja is magáról.

Előfordulási helye

Az oldalt kiszolgáló, a hostingért felelős szerveren keresd.

Mérete

Jellemzően nem túl nagy (pár kb – 100-200 kb) mert hivatkozásokat tartalmaz.

Karbonkibocsátása

Méretéből adódóan nem túl nagy, de optimalizálni azért lehet.

Szelidítése

Amennyiben template-tel, kész rendszerdokumentummal dolgoznak a fejlesztők, érdemes csak a szükséges elemeket meghagyni.

Állandóan dirigál: tulajdonképpen utasítássorozat egy adott művelet elvégzésére, egy feladat automatizálására vagy adatok manipulálására.

Carbon Colony xmas

Besorolása

A működést meghatározó dokumentumok családjába tartozik.

Különös ismertetőjele

A ismétlődő műveleteknél kapnak feladatot, és a követelményektől függően lehetnek egyszerűek vagy nagyon összetettek. Bizonyos programozási nyelveket szkriptnyelveknek neveznek, ezek közé tartozik például a Perl vagy a Javascript is.

Előfordulási helye

A program része, ott keresd!

Mérete

Jelentősen változhat a script összetettségétől és céljától függően - mindössze néhány sornyi kódtól a több ezer sornyiig terjedhet.

Karbonkibocsátása

Minél nagyobb a file mérete, annál nagyobb a karbonkibocsátás – ha sokan vannak, számosságuk miatt jelentőssé válthat a kibocsátásuk (pl. a hirdetési oldalakon csak úgy hemzsegnek).

Szelidítése

Az általános technológiánál minden benne van – érdemes kiválasztani, hogy valójában mire van szükség - de a programozóknak nagy kihívás, nem fognak szeretni érte.

Az eredmény letöltése:

.jpg

.png

Website Badge®

Azok a weboldalak, amik a Carbon.Crane Website Karbon Monitor®-ját használják, jogosultak láblécükben elhelyezni ezt a badge-et, amely azt mutatja, hogy tudatosan és aktívan dolgoznak weboldaluk karbonkibocsátásnak csökkentésén - a Carbon.Crane-nel partnerségben.

Pillanat türelmedet!

SZÁMOLUNK

MINDEN WEBOLDALNAK VAN KARBONLÁBNYOMA

Ebben hasonlítanak egymásra. Abban viszont nagyon nagy különbségek lehetnek, hogy mekkora ez a lábnyom és hogy kell-e ekkorának lennie, vagy lehet csökkenteni?

A MÉRET A LÉNYEG?

Önmagában egy weboldal nettó (letöltésenkénti) karbonlábnyoma még nem mond el mindent, hiszen a weboldal bruttó karbonlábnyoma valójában legalábbannyira múlik a letöltések számán, egészen pontosan a kettő szorzata.

MIT ÉRDEMES VIZSGÁLNI?

Ahogy az előzőekben olvashattad, árnyaltabb képet ad, ha figyelembe vesszük az oldal nettó karbonkibocsátását, a látogatók számát, lokációját és a visszatérő látogatók arányát. Ezzel együtt ez még mindig csak egy pillanatfelvétel!

A CSÖKKENTÉSRŐL

Alapvetően a marketingnek nem célja a látogatók számát csökkenteni egy weboldal esetén, így a karbonkibocsátás csökkentésének legjobb módja a nettó karbon minimalizálása. Elsőre biztosan meglepő, de egy oldal átalakításával  akár 17-edére csökkenthető a karbonkibocsátása. Hogyan? Olvasd el!

HOGYAN LEHET EZT PROFIN ELEMEZNI?

Erre a célra építettük Website Karbon Monitor megoldásunkat,ami teljes és részletes képet nyújt weboldalad karbonhatékonyságáról, ami a felhasználóbarát kezelőfelületen keresztül könnyen áttekinthető és elemezhető. A honlapodra érkező és a honlapodon belüli forgalom vizsgálata alapján megmutatja, milyen lehetőségeid vannak a karbonkibocsátás csökkentésére, és több változatban is modellezi azok eredményességét.

Monitor

Blog

 

Itt olvashatsz bővebben a marketing karbonlábnyomáról, annak csökkentéséről és aktuális híreinkről. Ha e-mailben is szeretnéd megkapni, iratkozz fel a hírlevelünkre!

 

Mekkora a weboldalad nettó karbonlábnyoma? A Karbon Kalkulátorunk megmondja!

Website Karbon Monitorunkkal arra törekszünk, hogy segítsük a vállalkozásokat abban, hogy képet kaphassanak weboldaluk nettó karbonlábnyomáról és a kapott eredmények alapján elindulhassanak egy fenntarthatóbb jövő felé. A Karbon Kalkulátor segítségével viszont te is bármikor betekinthetsz a munkánkba és megnézheted egy oldal karbonlábnyomát. Mit és miért vettünk még figyelembe kalkulátorunk kialakításánál? Nézzük! A digitális transzformációnak köszönhetően az elmúlt években egyre nagyobb szerepet töltenek be a weboldalak, legyen szó akár online vásárlásról vagy ügyintézésről, így fontos, hogy odafigyeljünk méretükre. A képektől, illetve videófájloktól kezdve a HTML kódon át egészen a Javascriptig számos olyan elem van, ami hozzájárul egy weboldal méretéhez, ezzel párhuzamosan pedig a karbonlábnyomához is. Egy weboldal teljes karbonkibocsátásának meghatározásához tudnunk kell, mekkora az egyes aloldalak nettó (letöltésenkénti), valamint a forgalmat is figyelembe vevő bruttó karbonlábnyoma. Hogyan kezdhetjük el megmérni a weboldalunk nettó karbonkibocsátását? Igazodva a weboldalak méréséhez használt nemzetközi metodológiához hoztunk létre Karbon Kalkulátorunkat, aminek célja, hogy bárki lemérhesse egy weblap nettó karbonlábnyomát. Saját szempontrendszert felállítva viszont pontosítottunk a kapott értékeken. Mit csinálunk másként? Figyelembe veszük: a visszatérő látogatók a cache miatt kisebb karbonlábnyomot eredményeznek, mint az új látogatók, így a nemzetközi metodológiával ellentétben a visszatérési arányt beállíthatóvá tettük és nem egy átlag értéket használtunk, tipikusan melyik országból érkeznek a […]

 

Tizenhétszer kisebb karbonlábnyom, jobb felhasználói élmény!

A fenti képen a carbon.crane.hu főoldala látható, egy korábbi, illetve a cikkünk írásakor aktuális állapotában*. Hogy mi történt a két verzió között? A különbség elsőre talán nem annyira szembetűnő, de az eredeti weboldal karbonlábnyomát a Carbon.Crane indulásáig a tizenheted részére csökkentettük. Máris mutatjuk, hogyan értük ezt el! Mivel kiemelten fontos számunkra a környezeti terhelésünk visszafogása, nem is volt kérdés, hogy a carbon.crane.hu weboldal karbonlábnyomát is minimalizáljuk. Különösen úgy, hogy immár egy saját fejlesztésű Website Karbon Monitor® is a termékpalettánk részét képezi. Ennek nulladik lépéseként a Website Carbon Calculator segítségével megnéztük, mekkora a karbonlábnyoma az oldal kezdetleges verziójának a kalkulátor adatbázisában akkor szereplő weboldalakhoz képest. Nem voltunk megelégedve az eredménnyel. A tartalmon viszont nem szerettünk volna változtatni, ezért néhány trükkös karboncsökkentési technikához kellett folyamodnunk. Lássuk lépésről lépésre, mit és miért csináltunk! Csökkentettük a nagyméretű elemek számát. Az egyes oldalbetöltések során keletkező karbonkibocsátás minimalizálása érdekében mérsékeltük a nagyobb adattranszfert igénylő erőforrások használatát. Ide értendő a különböző CSS és JavaScript fájlok, képek és fontok alkalmazása. Rendszerfontokat alkalmaztunk, ahol csak lehetett. A webfontok sokat dobhatnak egy weboldal kinézetén, azonban nagyobb energiaigénnyel is járnak. Ezeket ugyanis minden egyes oldalbetöltéskor le kell töltenie a böngészőnek, amennyiben még nincsenek lokálisan telepítve a felhasználó eszközére. Ennek elkerülése végett […]

 

Hogyan mérjük a website karbont?

Adatvezérelt marketing megoldásszállítóként szakmai meggyződődésünk, hogy – amennyiben lehetséges – becslések helyett ezeknél sokkal pontosabb, számításokra alapozott értékeket érdemes meghatározni, amik jobban tükrözik a valóságot. A mérőszámok kialakítása során arra törekedtünk, hogy könnyen értelmezhetőek legyenek, és jól leírják a karbonkibocsátásra ható tényezőket. Éppen ezért nem is bonyolítottuk túl őket. Herdics Ákossal, az adat csapatunk vezetőjével beszélgettünk arról, hogy milyen szakmai felfogások teremtették meg a Karbon Monitorjaink alapjait. Mi a Website Karbon Monitor lényege? Mielőtt konkrétan is válaszolnék a kérdésre, hadd kezdjem azzal, hogy mi hívta életre a Karbon Monitorjainkat. Azt láttuk, hogy sok cég a karbonlábnyomának meghatározásakor egy csomó tételt igyekszik pontosan megadni, viszont amikor a marketingtevékenységekről esik szó, legtöbbször csak valamilyen becsült értéket állapítanak meg. Mi ettől a nem túl kifinomult gyakorlattól akarunk elrugaszkodni. Meglátásunk szerint ugyanis az egyes kommunikációs csatornákon folytatott marketingtevékenységből származó karbonkibocsátást sokkal pontosabban, számításokra alapozva is meg lehet határozni. Ha az egyes csatornák által generált CO2e mennyiséget összesítjük, akkor megkapjuk a teljes marketingtevekénységből fakadó karbonkibocsátást, ami lényegesen jobban tükrözi a valóságot, mint az erre adott korábbi becslések. Mindezen túl, nem szabad elfeledkeznünk a weboldalakról sem, hiszen ezeknek is meghatározó szerepük van egy cég marketingaktivitásában. Ezek üzemeltetése, a felkerülő tartalmak, valamint az oldalon keletkezett forgalom mind-mind […]

Optimalizáld weboldalad karbonhatékonyságát

A Website Karbon Monitor® teljes és részletes képet nyújt weboldalad karbonhatékonyságáról, ami a felhasználóbarát kezelőfelületen keresztül könnyedén áttekinthető és elemezhető. A honlapodra érkező és a honlapodon belüli forgalom vizsgálata alapján megmutatja, milyen lehetőségeid vannak a karbonkibocsátás csökkentésére, és több változatban is modellezi azok eredményességét.

Tudj meg többet!
Karbonsemleges weboldal megoldások

Website Badge®

Azok a weboldalak, amik a Carbon.Crane Website Karbon Monitor®-ját használják, jogosultak láblécükben elhelyezni ezt a badge-et, amely azt mutatja, hogy tudatosan és aktívan dolgoznak weboldaluk karbonkibocsátásnak csökkentésén - a Carbon.Crane-nel partnerségben.

Tudj meg többet