Amit mindj\u00e1rt az elej\u00e9n lesz\u00f6gezhet\u00fcnk: az internet energiafogyaszt\u00e1sa \u00e9s sz\u00e9n-dioxid kibocs\u00e1t\u00e1sa el\u00e9g jelent\u0151s. <\/p>\n\n\n\n
Mennyire eg\u00e9szs\u00e9ges a web?<\/h2>\n\n\n\n
Az elektromoss\u00e1g tartja \u00e9letben a webet: adatk\u00f6zpontokat haszn\u00e1l, telekommunik\u00e1ci\u00f3s h\u00e1l\u00f3zatokat \u00e9s persze kellenek hozz\u00e1 az eszk\u00f6z\u00f6k a felhaszn\u00e1l\u00f3k r\u00e9sz\u00e9r\u0151l. Glob\u00e1lisan az internet t\u00f6bb elektromos energi\u00e1t haszn\u00e1l \u00e9vente<\/a>, mint az Egyes\u00fclt Kir\u00e1lys\u00e1g. <\/p>\n\n\n\n Ez pedig jelent\u0151s mennyis\u00e9g\u0171 sz\u00e9n-dioxid kibocs\u00e1t\u00e1ssal j\u00e1r: a vil\u00e1g teljes kibocs\u00e1t\u00e1s\u00e1nak mintegy 2 sz\u00e1zal\u00e9k\u00e1\u00e9rt felel\u0151s az internet \u00e1ltal haszn\u00e1lt elektromoss\u00e1g<\/a>. Ez a mennyis\u00e9g megegyezik azzal, amit a l\u00e9gik\u00f6zleked\u00e9si ipar\u00e1g bocs\u00e1jt ki, amit \u00e1ltal\u00e1ban a legink\u00e1bb k\u00f6rnyezetszennyez\u0151nek tartunk.<\/p>\n\n\n\n Arra a k\u00e9rd\u00e9sre, hogy mennyire eg\u00e9szs\u00e9ges – vagy \u00e9ppen beteg – a web a Mozilla is megpr\u00f3b\u00e1lt m\u00e1r v\u00e1laszolni az Internet Health Reportban<\/a>. A 2018-as jelent\u00e9s egyik fejezete a web \u00f3ri\u00e1sira n\u0151tt \u00f6kol\u00f3giai l\u00e1bnyom\u00e1val foglalkozik. E szerint, ha a web egy orsz\u00e1g volna, akkor a vil\u00e1g negyedik legnagyobb sz\u00e9n-dioxid kibocs\u00e1t\u00f3ja lenne az Egyes\u00fclt \u00c1llamok, K\u00edna \u00e9s India ut\u00e1n.<\/p>\n\n\n\n Mik\u00f6zben a kriptovalut\u00e1k b\u00e1ny\u00e1szata, az e-hullad\u00e9k k\u00e9rd\u00e9se \u00e9s az adatt\u00e1rol\u00e1s viszonylag nagy nyilv\u00e1noss\u00e1got kap, az m\u00e1r kev\u00e9sb\u00e9 szembet\u0171n\u0151, hogy az online viselked\u00e9s\u00fcnk milyen nagy m\u00e9rt\u00e9kben n\u00f6veli az internet energia\u00e9hs\u00e9g\u00e9t. Ebbe pedig az is beletartozik, hogy mik\u00e9nt tervezz\u00fck meg a weboldalakat vagy a mobiltelefonos applik\u00e1ci\u00f3kat.<\/p>\n\n\n\n Ha p\u00e9ld\u00e1ul egy netes asszisztenshez fordulsz, \u00e9s azt k\u00e9red t\u0151le, hogy kapcsolja fel a vil\u00e1g\u00edt\u00e1st, akkor egyb\u0151l elind\u00edtasz egy l\u00e1ncot az otthonodb\u00f3l k\u00fcl\u00f6nb\u00f6z\u0151 adatk\u00f6zpontokon kereszt\u00fcl, majd vissza. Ahelyett, hogy fel\u00e1lln\u00e1l \u00e9s felkapcsoln\u00e1d a villanyt. Ritk\u00e1n m\u00e9rj\u00fck fel, hogy egyes tev\u00e9kenyes\u00e9geink a neten milyen energiafelhaszn\u00e1l\u00e1ssal j\u00e1rnak. A \u201cdolgok internete\u201d, mely m\u00e9g k\u00e9nyelmesebb\u00e9 teszi az \u00e9let\u00fcnket, szint\u00e9n hatalmas mennyis\u00e9g\u0171 energi\u00e1t ig\u00e9nyel.<\/p>\n\n\n\n R\u00e1ad\u00e1sul, m\u00edg a t\u00f6bbi ipar\u00e1gban komoly er\u0151fesz\u00edt\u00e9seket tesznek a kibocs\u00e1t\u00e1s cs\u00f6kkent\u00e9s\u00e9\u00e9rt, az internet eset\u00e9ben az elk\u00f6vetkez\u0151 \u00e9vekben tov\u00e1bbi gyors n\u00f6veked\u00e9s v\u00e1rhat\u00f3. Hiszen egyre gyarapszik azon szem\u00e9lyek sz\u00e1ma, akik hozz\u00e1f\u00e9rnek a nethez, ahogy az adatok is gyorsabban \u00e1ramlanak \u00e9s egyre t\u00f6bb van bel\u0151l\u00fck, mik\u00f6zben olcs\u00f3bb \u0151ket t\u00e1rolni. Az olyan streaming szolg\u00e1ltat\u00e1sok, mint a YouTube, a Netflix vagy a Spotify mind \u00f3ri\u00e1si adat-haszn\u00e1l\u00f3k \u00e9s lend\u00fcletesen b\u0151v\u00fclnek. <\/p>\n\n\n\n A Mozilla jelent\u00e9se felh\u00edvja a figyelmet azonban mag\u00e1ra a webdesignra is. R\u00e1mutat arra, hogy a fenntarthat\u00f3s\u00e1ghoz hozz\u00e1tartozik, hogy mik\u00e9nt tervez\u00fcnk meg weboldalakat \u00e9s applik\u00e1ci\u00f3kat. <\/p>\n\n\n\n Az \u00e1tlagos weboldalak is fokozatosan egyre nagyobb\u00e1 v\u00e1lnak, egyre t\u00f6bb adatot haszn\u00e1lnak fel. Az \u00e1tlagos weboldal m\u00e9rete a HTTPArchive.org szerint<\/a> h\u00e1romszoros\u00e1ra n\u0151tt 2010 \u00f3ta, \u00e9s folyamatosan n\u00f6vekszik. Ennek hat\u00e1s\u00e1ra az internet glob\u00e1lis sz\u00e9n-dioxid kibocs\u00e1t\u00e1sa az elk\u00f6vetkez\u0151 \u00e9vben 3,5 sz\u00e1zal\u00e9kra emelkedik. Abban az id\u0151szakban, amikor fontos lenne, hogy minden ipar\u00e1g a lehet\u0151 legnagyobb m\u00e9rt\u00e9kben cs\u00f6kkentse a kibocs\u00e1t\u00e1s\u00e1t. <\/p>\n\n\n\n A fenntarthat\u00f3 UX, illetve a z\u00f6ld design egy\u00e9bk\u00e9nt az elm\u00falt \u00e9vekben lass\u00fa terjed\u00e9snek indult. 2016-ban m\u00e1r megjelent a Fenntarthat\u00f3s\u00e1gra tervezve c\u00edm\u0171 k\u00f6nyv Tim Frickt\u0151l, a z\u00f6ldebb digit\u00e1lis term\u00e9kek tervez\u00e9s\u00e9r\u0151l. Ek\u00f6zben pedig a fenntarthat\u00f3 UX csoport is szervezett m\u00e1r egy virtu\u00e1lis konferenci\u00e1t<\/a> a t\u00e9m\u00e1ban. Ennek minden kiad\u00e1sa el\u00e9rhet\u0151 online.<\/p>\n\n\n\n A 2018-as kiad\u00e1s egyik besz\u00e9lget\u00e9s\u00e9ben a Zillow szoftvern\u00e9rn\u00f6ke, Amanda Sopkin arr\u00f3l besz\u00e9l, mik\u00e9nt cs\u00f6kkenthet\u0151 a digit\u00e1lis szem\u00e9t egy rendezettebb felh\u0151ben t\u00f6rt\u00e9n\u0151 t\u00e1rol\u00e1s \u00e9s a felesleges f\u00e1jlok t\u00f6rl\u00e9se r\u00e9v\u00e9n. Ez k\u00fcl\u00f6n\u00f6sen fontos lenne a designerek sz\u00e1m\u00e1ra, akik el\u00e9g komoly mennyis\u00e9g\u0171 f\u00e1jlt szoktak t\u00e1rolni.<\/p>\n\n\n\n Egy m\u00e1sik, 2016-os besz\u00e9lget\u00e9sben, Andrew Boardman a nagy h\u00edroldalak gyakorlat\u00e1t kritiz\u00e1lja<\/a>, mert ezekn\u00e9l a hirdet\u00e9sekt\u0151l kezdve a nyomk\u00f6vet\u0151 k\u00f3dokon kereszt\u00fcl a rejt\u00e9lyes funkci\u00f3j\u00fa Javascriptekig minden megtal\u00e1lhat\u00f3. Ezen oldalak nehezek \u00e9s n\u00e9pszer\u0171ek, ami azt jelenti, hogy nagy szeletet has\u00edtanak ki a webb\u0151l, \u00e9s \u00edgy jelent\u0151s az energiaig\u00e9ny\u00fck is. Ha ezeket a weboldalakat k\u00f6nnyebb\u00e9 \u00e9s rendezettebb\u00e9 tenn\u00e9k, akkor nem csak kevesebbet fogyasztan\u00e1nak, de k\u00f6nnyebb lenne a hozz\u00e1f\u00e9r\u00e9s \u00e9s az olvashat\u00f3s\u00e1g is.<\/p>\n\n\n\n A Mozilla jelent\u00e9s\u00e9b\u0151l viszont kider\u00fcl az is, hogy l\u00e9tezik egy fenntarthat\u00f3 webdesignr\u00f3l sz\u00f3l\u00f3 oldal<\/a>, mely az online bevezet\u00e9se azoknak a technik\u00e1knak, melyek seg\u00edts\u00e9g\u00e9vel m\u00e9rs\u00e9kelhet\u0151 a digit\u00e1lis term\u00e9kek l\u00e1bnyoma.<\/p>\n\n\n\n Ebbe beletartoznak az optimaliz\u00e1lt fot\u00f3k \u00e9s vide\u00f3k, melyek feldolgoz\u00e1sa kevesebb energi\u00e1t ig\u00e9nyel, de foglalkozik a haszn\u00e1lhat\u00f3s\u00e1ggal is. Hiszen ha egy rosszul tervezett weboldalon kell valamit megtal\u00e1lnia a felhaszn\u00e1l\u00f3nak, akkor az sokkal t\u00f6bb energi\u00e1t em\u00e9szt fel. Ezzel szemben a t\u00f6m\u00f6r, vil\u00e1gos, egyszer\u0171 oldalak k\u00f6rnyezetbar\u00e1tabbak, arr\u00f3l nem besz\u00e9lve, hogy az emberek sz\u00e1mra is k\u00f6nnyebb a haszn\u00e1latuk. \u00dagy t\u0171nik teh\u00e1t, hogy a felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa design a bolyg\u00f3nk sz\u00e1m\u00e1ra is jobb megold\u00e1s.<\/p>\n\n\n\n De mit is kellene tenni ahhoz, hogy cs\u00f6kkentsd a weboldalad sz\u00e9n-dioxid kibocs\u00e1t\u00e1s\u00e1t? <\/p>\n\n\n\n El\u00e9g neh\u00e9z \u00fagy jav\u00edtani b\u00e1rmely dolgon is, ha nem tudod m\u00e9rni azt, hogy honnan \u00e9s hova tart. Tal\u00e1n azt gondolod, hogy egy weboldal eset\u00e9ben lehetetlen meghat\u00e1rozni azt, hogy mekkora a kibocs\u00e1t\u00e1sa. Pedig ma m\u00e1r rendelkez\u00e9sre \u00e1ll egy ingyenes eszk\u00f6z, a WebsiteCarbon.com<\/a>, mely megmutatja, hogy mekkora egy weboldal sz\u00e9n-dioxid kibocs\u00e1t\u00e1sa oldalmegtekint\u00e9senk\u00e9nt, \u00e9ves szinten (egy meghat\u00e1rozott oldalmegtekint\u00e9s alapj\u00e1n), mekkora az energiafogyaszt\u00e1sa, \u00e9s hogy a weboldalt meg\u00fajul\u00f3 energi\u00e1j\u00fa adatk\u00f6zpont hostolja-e. <\/p>\n\n\n\n Hogy legyen mihez hasonl\u00edtani: az \u00e1tlagos weboldal 6,8 gramm sz\u00e9n-dioxidot termel oldalmegtekint\u00e9senk\u00e9nt. Havi 10 ezer oldalmegtekint\u00e9s eset\u00e9n a weboldal 816 kg CO2-t termel \u00e9vente. Ez t\u00f6bb, mint amennyit egy rep\u00fcl\u0151g\u00e9p kibocs\u00e1t egy London-Toki\u00f3 \u00fat sor\u00e1n. A leghat\u00e9konyabb weboldal egy\u00e9bk\u00e9nt a www.muskfoundation.org<\/a>, mely Elon Musk nonprofit alap\u00edtv\u00e1ny\u00e1\u00e9: a kibocs\u00e1t\u00e1sa mind\u00f6ssze 0.009 gram oldalmegtekint\u00e9senk\u00e9nt. Ez persze egy\u00fctt j\u00e1r egy extr\u00e9m egyszer\u0171s\u00e9ggel, \u00e9s nem is k\u00edn\u00e1lja azt a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, mint amit a felhaszn\u00e1l\u00f3k ma elv\u00e1rnak egy weboldalt\u00f3l. <\/p>\n\n\n\n Ha m\u00e1r tudod, hogy mennyi sz\u00e9n-dioxidot bocs\u00e1t ki a weboldalad, akkor neki\u00e1llhatsz a cs\u00f6kkent\u00e9s\u00e9nek. <\/p>\n\n\n\n Mivel az adat\u00e1tvitel<\/strong> k\u00f6zvetlen\u00fcl felel az energiafogyaszt\u00e1s\u00e9rt \u00e9s a kibocs\u00e1t\u00e1s\u00e9rt, ez\u00e9rt a legfontosabb dolog, hogy cs\u00f6kkents\u00fck ennek m\u00e9rt\u00e9k\u00e9t. Erre k\u00e9t megold\u00e1s k\u00edn\u00e1lkozik.<\/p>\n\n\n\n Egyr\u00e9szt cs\u00f6kkentheted valamennyi oldalad m\u00e9ret\u00e9t. Ennek olyan el\u0151nyei is lesznek, mint a gyorsabb bet\u00f6lt\u00e9si id\u0151, mely \u00e1ltal javul a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny, k\u00fcl\u00f6n\u00f6sen az olyan felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra, akik korl\u00e1tozott s\u00e1vsz\u00e9less\u00e9ggel haszn\u00e1lj\u00e1k a netet. Hogyan \u00e9rheted ezt el a webdesignnal?<\/p>\n\n\n\n Egy minimalista weboldal nem csak az\u00e9rt j\u00f3, mert sokkal ink\u00e1bb a felhaszn\u00e1l\u00f3ra \u00f6sszpontos\u00edt, jobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt k\u00edn\u00e1l, jobb teljes\u00edtm\u00e9nyt \u00e9rhetsz el vele, hanem az\u00e9rt is, mert kevesebb adat mozgat\u00e1s\u00e1ra van sz\u00fcks\u00e9g a haszn\u00e1lat\u00e1n\u00e1l.<\/p>\n\n\n\n A sz\u00e1nd\u00e9kosan kialak\u00edtott negat\u00edv terek a weboldaladon nem csak eszt\u00e9tikusabb\u00e1 teszik azt, de \u00edgy kisebb k\u00e9peket haszn\u00e1lhatsz, mely cs\u00f6kkenti a f\u00e1jlm\u00e9reteket. Emellett pedig a az \u00fcres terek hat\u00e9kony \u00e9s b\u0151kez\u0171 alkalmaz\u00e1s\u00e1val a felhaszn\u00e1l\u00f3k sokkal jobban tudnak koncentr\u00e1lni a l\u00e9nyegre: a k\u00e9pekre \u00e9s a sz\u00f6vegekre.<\/p>\n\n\n\n Az egyszer\u0171s\u00edtett felhaszn\u00e1l\u00f3i \u00fat azt jelenti, hogy cs\u00f6kkented azoknak a l\u00e9p\u00e9seknek (\u00e9s oldalaknak) a sz\u00e1m\u00e1t, melyet a felhaszn\u00e1l\u00f3nak meg kell tennie a l\u00e1togat\u00e1sa alkalm\u00e1val, hogy c\u00e9lt \u00e9rjen. Ezzel m\u00e9rs\u00e9kled a forgalmazott adatmennyis\u00e9get is. Egy\u00e9bk\u00e9nt egy hosszabb felhaszn\u00e1l\u00f3i \u00fat \u00e1ltal\u00e1ban nagyobb visszafordul\u00e1si ar\u00e1nyt jelent, \u00e9s a felhaszn\u00e1l\u00f3 k\u00f6nnyebben elveszhet a folyamatban. <\/p>\n\n\n\n![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/04\/termeszet-zold-weboldal.png\")
<\/figure>\n\n\n\nMi a gond az egyes weboldalakkal?<\/h2>\n\n\n\n
Hogyan m\u00e9rd a weboldalad sz\u00e9n-dioxid kibocs\u00e1t\u00e1s\u00e1t?<\/h2>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/02\/websitecarbon-kibocsatasa.png\")
<\/figure>\n\n\n\nHogyan teheted z\u00f6ldebb\u00e9 a weboldalad?<\/h2>\n\n\n\n
1. A webdesign-megold\u00e1s<\/h4>\n\n\n\n
K\u00e9sz\u00edts minimalista weboldalt!<\/h5>\n\n\n\n
Nagyobb whitespace<\/h5>\n\n\n\n
Egyszer\u0171 felhaszn\u00e1l\u00f3i \u00fat<\/h5>\n\n\n\n
Haszn\u00e1ld a s\u00f6t\u00e9t m\u00f3dot!<\/h5>\n\n\n\n