Seg\u00edthet\u00fcnk-e internetes szakemberekk\u00e9nt a web energiahat\u00e9konyabb\u00e1 t\u00e9tel\u00e9ben?<\/p><\/blockquote>\n\n\n\n
Ez a cikk pontosan erre pr\u00f3b\u00e1l v\u00e1laszt adni, praktikus list\u00e1t k\u00edn\u00e1lva a legfontosabb dolgokr\u00f3l, amelyekkel minimaliz\u00e1lhatod az elpazarolt energi\u00e1t, \u00e9s el\u0151seg\u00edtheted, hogy a l\u00e9trehozott term\u00e9kek a lehet\u0151 leghat\u00e9konyabbak legyenek.<\/p>\n\n\n\n
S\u0151t, szinte minden itt felsorolt \u200b\u200beszk\u00f6z, amely el\u0151seg\u00edti a weboldal energiahat\u00e9konys\u00e1g\u00e1t, jav\u00edtja a teljes\u00edtm\u00e9nyt \u00e9s a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt!<\/p>\n\n\n\n
Egy weboldal energiafogyaszt\u00e1sa<\/h2>\n\n\n\n
Ha ez a t\u00e9ma \u00faj sz\u00e1modra, akkor a nem mondhat t\u00fal sokat sz\u00e1modra, hogy az internet – ide\u00e9rtve az adatk\u00f6zpontokat, a t\u00e1vk\u00f6zl\u00e9si h\u00e1l\u00f3zatokat \u00e9s a v\u00e9gfelhaszn\u00e1l\u00f3i eszk\u00f6z\u00f6ket, p\u00e9ld\u00e1ul a telefonokat \u00e9s a laptopokat – sok \u00e1ramot fogyaszt. Val\u00f3j\u00e1ban, ha \u00f6sszeadjuk az eg\u00e9szet, az internet nagyj\u00e1b\u00f3l ugyanannyi villamos energi\u00e1t haszn\u00e1l fel, mint az Egyes\u00fclt Kir\u00e1lys\u00e1g, a vil\u00e1g egyik legnagyobb gazdas\u00e1ga.<\/p>\n\n\n\n Mivel mindennapjainkban egyre t\u00f6bb internetes adatot fogyasztunk, \u00edgy az internet \u00e1ltal fogyasztott villamos energia mennyis\u00e9ge rohamos \u00fctemben n\u00f6vekszik. Az internet ezen hatalmas energiafogyaszt\u00e1sa hatalmas sz\u00e9n-dioxid-kibocs\u00e1t\u00e1ssal is j\u00e1r, \u00e9s ennek m\u00e9rs\u00e9kl\u00e9s\u00e9hez megold\u00e1sra van sz\u00fcks\u00e9g.<\/p>\n\n\n\n A webes tervez\u00e9ssel \u00e9s fejleszt\u00e9ssel foglalkoz\u00f3k sz\u00e1m\u00e1ra szeretn\u00e9nk az al\u00e1bbiakban n\u00e9h\u00e1ny \u00f6tletet adni, hogyan k\u00e9sz\u00edtsenek z\u00f6ldebb weboldalakat:<\/p>\n\n\n\n Amikor a weboldalak energiahat\u00e9konys\u00e1g\u00e1r\u00f3l besz\u00e9l\u00fcnk, k\u00f6nnyen felt\u00e9telezhet\u0151, hogy ez puszt\u00e1n technikai t\u00e9ma. A hat\u00e9konys\u00e1g azonban m\u00e9g azel\u0151tt jav\u00edthat\u00f3, miel\u0151tt m\u00e9g egy weboldalt \u00e9p\u00edten\u00e9nk. A diz\u00e1jn \u00e9s a tartalom nagy hat\u00e1ssal van az energiahat\u00e9konys\u00e1gra, \u00e9s a k\u00f6vetkez\u0151 elemek kulcsfontoss\u00e1g\u00faak.<\/p>\n\n\n\n Lehet, hogy a SEO-nak nincs k\u00f6ze a weboldal hat\u00e9konys\u00e1g\u00e1hoz, de a gyakorlatban a SEO c\u00e9ljai eleve \u00f6sszhangban vannak az energiafogyaszt\u00e1s cs\u00f6kkent\u00e9s\u00e9nek c\u00e9lj\u00e1val. Amikor optimaliz\u00e1lunk egy webhelyet a keres\u0151motorok rangsorol\u00e1s\u00e1hoz, seg\u00edt\u00fcnk az embereknek gyorsan \u00e9s egyszer\u0171en megtal\u00e1lni a k\u00edv\u00e1nt inform\u00e1ci\u00f3t. Ha a SEO sikeres, az azt eredm\u00e9nyezi, hogy az emberek kevesebb id\u0151t t\u00f6ltenek az interneten, mik\u00f6zben inform\u00e1ci\u00f3kat keresnek, \u00e9s kevesebb olyan oldalt keresnek fel, amelyek nem felelnek meg az ig\u00e9nyeiknek. Ez azt jelenti, hogy kevesebb energi\u00e1t fogyasztanak, \u00e9s az elfogyasztott energi\u00e1t arra haszn\u00e1lj\u00e1k, hogy relev\u00e1ns tartalomhoz jussanak.<\/p>\n\n\n\n A keres\u0151motorok optimaliz\u00e1l\u00e1s\u00e1hoz hasonl\u00f3an a tartalom\u00edr\u00e1s is hat\u00e1ssal van a weboldal hat\u00e9konys\u00e1g\u00e1ra, mert befoly\u00e1solja az emberek \u00e1ltal a webhelyek b\u00f6ng\u00e9sz\u00e9s\u00e9vel t\u00f6lt\u00f6tt id\u0151t. N\u00e9ha azt akarjuk, hogy az emberek sok id\u0151t t\u00f6ltsenek egy weboldalon, elmer\u00fclve a tartalmunkban. Amit nem akarunk, az az, hogy az emberek elpazarolj\u00e1k az idej\u00fcket azzal a tartalommal, amely kev\u00e9s vagy semmilyen \u00e9rt\u00e9ket nem k\u00edn\u00e1l sz\u00e1mukra. Ez\u00e9rt a vil\u00e1gos \u00e9s hat\u00e9kony tartalom\u00edr\u00e1s cs\u00f6kkentheti az interneten elpazarolt id\u0151t, \u00e9s ezzel cs\u00f6kkentheti az elpazarolt energi\u00e1t.<\/p>\n\n\n\n A j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny egyik alapvet\u0151 eleme a k\u00f6nny\u0171 navig\u00e1lhat\u00f3s\u00e1g a weboldalon. Azt akarjuk, hogy az emberek megtal\u00e1lj\u00e1k a k\u00edv\u00e1nt dolgokat, \u00e9s a lehet\u0151 leghat\u00e9konyabb m\u00f3don hajts\u00e1k v\u00e9gre a sz\u00fcks\u00e9ges l\u00e9p\u00e9seket. A j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny megk\u00f6nny\u00edti \u00e9s mindenki sz\u00e1m\u00e1ra \u00e9lvezetesebb\u00e9 teszi a web haszn\u00e1lat\u00e1t, \u00e9s cs\u00f6kkenti az elfogyasztott energia mennyis\u00e9g\u00e9t, hiszen nem kell a l\u00e1togat\u00f3nak k\u00fcl\u00f6nf\u00e9le oldalakra navig\u00e1lni \u00e9s k\u00fcl\u00f6n keresni a k\u00e9perny\u0151n, hogy az \u00e1ltala el\u00e9rni k\u00edv\u00e1nt oldalra navig\u00e1lhasson.<\/p>\n\n\n\n A legt\u00f6bb weboldalon a k\u00e9pek j\u00e1rulnak hozz\u00e1 az oldal m\u00e9ret\u00e9hez \u00e9s bet\u00f6lt\u0151d\u00e9si idej\u00e9hez. Min\u00e9l t\u00f6bb k\u00e9pet haszn\u00e1l, \u00e9s min\u00e9l nagyobbak a k\u00e9pf\u00e1jlok, ann\u00e1l t\u00f6bb adatot kell \u00e1tvinni \u00e9s ann\u00e1l t\u00f6bb energi\u00e1t kell felhaszn\u00e1lni. B\u00e1rmilyen technikai optimaliz\u00e1l\u00e1st\u00f3l f\u00fcggetlen\u00fcl, a tervez\u0151knek \u00e9s a tartalomk\u00e9sz\u00edt\u0151knek alaposan \u00e1t kell gondolniuk a k\u00e9pek haszn\u00e1lat\u00e1t.<\/p>\n\n\n\n Ha felteszed magadnak ezeket a k\u00e9rd\u00e9seket, \u00e9s a k\u00e9peket a lehet\u0151 legsz\u00fcks\u00e9gesebb m\u00e9rt\u00e9kben tartod meg, an\u00e9lk\u00fcl, hogy vesz\u00e9lyeztetn\u00e9 a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, az cs\u00f6kkenti az energiafelhaszn\u00e1l\u00e1st.<\/p>\n\n\n\n B\u00e1r a vide\u00f3kat ritk\u00e1bban haszn\u00e1lj\u00e1k, mint a k\u00e9peket, az interneten egyre n\u00e9pszer\u0171bb a tartalom form\u00e1tuma, \u00e9s ez messze a legintenz\u00edvebb tartalomforma. A k\u00e9pekhez hasonl\u00f3an k\u00e9rdezd meg magadt\u00f3l, hogy val\u00f3ban sz\u00fcks\u00e9gesek-e vide\u00f3k. Ha vannak ilyenek, ellen\u0151rizd, hogy cs\u00f6kkenthet\u0151-e a streamelt vide\u00f3k adatforgalma az\u00e1ltal, hogy elt\u00e1vol\u00edtod a vide\u00f3k automatikus lej\u00e1tsz\u00e1s\u00e1t. A vide\u00f3k legyenek tartalmasak ugyanakkor r\u00f6videk. Egy vide\u00f3 lej\u00e1tsz\u00e1ssal foglalkoz\u00f3 weboldal az oldal energiafelhaszn\u00e1l\u00e1s\u00e1t tekintve egy vagy ak\u00e1r k\u00e9t nagys\u00e1grenddel nagyobb lehet, mint a vide\u00f3 n\u00e9lk\u00fcli weboldal, \u00e9s sokkal nagyobb terhel\u00e9st jelent a felhaszn\u00e1l\u00f3i CPU-n, ami jelent\u0151sen nagyobb energiafogyaszt\u00e1st eredm\u00e9nyez.<\/p>\n\n\n\n A webes bet\u0171t\u00edpusok jav\u00edthatj\u00e1k a weboldalak vizu\u00e1lis vonzerej\u00e9t, de jelent\u0151s f\u00e1jls\u00falyt adhatnak azoknak a webhelyeknek, amelyeken haszn\u00e1lj\u00e1k \u0151ket. Egyetlen bet\u0171t\u00edpus f\u00e1jl 250kb lehet, \u00e9s ez csak a norm\u00e1l s\u00falyra vonatkozhat. Ha f\u00e9lk\u00f6v\u00e9rre v\u00e1gysz, adj hozz\u00e1 m\u00e9g 250 kb-t!<\/p>\n\n\n\n Az egyedi webes bet\u0171t\u00edpusokra gyakorolt \u200b\u200bhat\u00e1s cs\u00f6kkent\u00e9se \u00e9rdek\u00e9ben a tervez\u0151knek a k\u00f6vetkez\u0151 lehet\u0151s\u00e9geket kell figyelembe venni\u00fck:<\/p>\n\n\n\n A fejleszt\u0151k nagy hat\u00e1ssal vannak az \u00e1ltaluk l\u00e9trehozott \u00e9s fenntartott weboldalak energiahat\u00e9konys\u00e1g\u00e1ra. B\u00e1r a tervez\u0151k \u00e9s a tartalomk\u00e9sz\u00edt\u0151k \u00e1ltal hozott d\u00f6nt\u00e9sek nem a fejleszt\u0151k kez\u00e9n vannak, sz\u00e1mos olyan ter\u00fclet van, ahol a fejleszt\u0151k teljes m\u00e9rt\u00e9kben ellen\u0151rzik \u0151ket, \u00e9s olyan ter\u00fcleteken, ahol k\u00e9pesek optimaliz\u00e1lni a kapott tartalmat \u00e9s terveket.<\/p>\n\n\n\n Ez val\u00f3sz\u00edn\u0171leg mag\u00e1t\u00f3l \u00e9rtet\u0151dik, de a rendezett \u00e9s korszer\u0171s\u00edtett k\u00f3d alapvet\u0151en j\u00f3 dolog. Tartsd a k\u00f3dot tiszt\u00e1n \u00e9s egyszer\u0171en, ker\u00fcld az ism\u00e9tl\u00e9st \u00e9s \u00edrj hat\u00e9kony lek\u00e9r\u00e9seket. A kulissz\u00e1k m\u00f6g\u00f6tti k\u00f3dnak j\u00f3l olajozottan, kevesebb szerver er\u0151forr\u00e1ssal is m\u0171k\u00f6dnie kell.<\/p>\n\n\n\n Ne feledd, hogy ez nem csak az \u00e1ltalad \u00edrt k\u00f3dra vonatkozik, hanem a m\u00e1shonnan beemelt k\u00f3dra is. Ha megl\u00e9v\u0151 keretrendszereket \u00e9s k\u00f6nyvt\u00e1rakat haszn\u00e1lsz, gy\u0151z\u0151dj meg arr\u00f3l, hogy azokat is finom\u00edtj\u00e1k \u00e9s testre szabj\u00e1k, hogy hat\u00e9konyan biztos\u00edts\u00e1k a sz\u00fcks\u00e9ges funkcionalit\u00e1st. Azokban az esetekben, amikor olyan CMS-t haszn\u00e1lsz, mint a WordPress, ker\u00fcld a felesleges be\u00e9p\u00fcl\u0151 modulokat, amelyek felduzzasztj\u00e1k, \u00e9s olyan be\u00e9p\u00fcl\u0151 modulokat v\u00e1lassz, amelyek minimaliz\u00e1lj\u00e1k a szerver terhel\u00e9s\u00e9t, \u00e9s nem n\u00f6velik meg feleslegesen a weboldal m\u00e9ret\u00e9t. <\/p>\n\n\n\n A Javascript k\u00e9tf\u00e9le m\u00f3don befoly\u00e1solja a weboldal hat\u00e9konys\u00e1g\u00e1t: a f\u00e1jl m\u00e9ret\u00e9vel \u00e9s a felhaszn\u00e1l\u00f3i eszk\u00f6z \u00e1ltal ig\u00e9nyelt er\u0151forr\u00e1s mennyis\u00e9g\u00e9nek n\u00f6vel\u00e9s\u00e9vel. Ezek k\u00f6z\u00fcl a m\u00e1sodik sokkal ink\u00e1bb a JS-re vonatkozik, mint m\u00e1s t\u00edpus\u00fa f\u00e1jlokra.<\/p>\n\n\n\n A javascript f\u00e1jlok feldolgoz\u00e1sa javar\u00e9szt kliens oldali, ami annyit jelent, hogy a felhaszn\u00e1l\u00f3 telefonja vagy sz\u00e1m\u00edt\u00f3g\u00e9pe futtatja, azon bel\u00fcl is a b\u00f6ng\u00e9sz\u0151je. A mai modern weblapok szinte mindegyike haszn\u00e1l javascript megold\u00e1sokat az oldalon val\u00f3 interakci\u00f3k \u00e9s egy\u00e9b funkci\u00f3k kiszolg\u00e1l\u00e1s\u00e1hoz. A Safari \u00faj webfel\u00fcgyel\u0151je hasznos eszk\u00f6zzel seg\u00edti a weboldal energiafelhaszn\u00e1l\u00e1s\u00e1nak a v\u00e9gfelhaszn\u00e1l\u00f3i eszk\u00f6zre gyakorolt \u200b\u200bhat\u00e1s\u00e1t, \u00e9s az Apple WebKit fejleszt\u0151inek ez a cikke<\/a> r\u00e9szletes tan\u00e1csokat ny\u00fajt.<\/p>\n\n\n\n Mint fent eml\u00edtett\u00fck, a k\u00e9pek a legt\u00f6bb weboldalon hozz\u00e1j\u00e1rulnak az \u00e1tadott adatok mennyis\u00e9g\u00e9hez. A tervez\u0151k \u00e9s a tartalomk\u00e9sz\u00edt\u0151k \u00e1ltal a k\u00e9pek felhaszn\u00e1l\u00e1s\u00e1val kapcsolatos d\u00f6nt\u00e9sek mellett vannak olyan technikai d\u00f6nt\u00e9sek, amelyek jelent\u0151sen befoly\u00e1solj\u00e1k az oldalon megjelen\u00edtett k\u00e9pek f\u00e1jlm\u00e9ret\u00e9t. Ezek tartalmazz\u00e1k:<\/p>\n\n\n\n Ezeknek a l\u00e9p\u00e9seknek a v\u00e9grehajt\u00e1sa ut\u00e1n a k\u00e9pf\u00e1jlok m\u00e9ret\u00e9nek jelent\u0151s cs\u00f6kkent\u00e9se \u00e9rhet\u0151 el, cs\u00f6kkentve az energiafogyaszt\u00e1st \u00e9s jav\u00edtva a bet\u00f6lt\u00e9si id\u0151ket, an\u00e9lk\u00fcl, hogy a weboldal l\u00e1togat\u00f3inak \u00e9rz\u00e9kelhet\u0151 h\u00e1tr\u00e1nyai lenn\u00e9nek.<\/p>\n\n\n\n Vannak technikai strat\u00e9gi\u00e1k, amelyekkel minimaliz\u00e1lhat\u00f3 a bet\u0171t\u00edpusok m\u00e9rete a weboldalakon, \u00e9s l\u00e1thattuk, hogy m\u00e9g egyedi bet\u0171t\u00edpusok eset\u00e9n is ak\u00e1r 97% -os f\u00e1jlm\u00e9ret-cs\u00f6kkent\u00e9st is eredm\u00e9nyezhet. Pr\u00f3b\u00e1ld ki ezeket a m\u00f3dszereket a bet\u0171t\u00edpusf\u00e1jlok m\u00e9ret\u00e9nek cs\u00f6kkent\u00e9s\u00e9re:<\/p>\n\n\n\n Ha t\u00f6bbet szeretn\u00e9l megtudni a webes bet\u0171t\u00edpusok teljes\u00edtm\u00e9ny\u00e9nek \u00e9s m\u00e9ret\u00e9nek optimaliz\u00e1l\u00e1s\u00e1r\u00f3l<\/a>, kattints ide<\/a>.<\/p>\n\n\n\n Az AMP-t \u00fagy tervezt\u00e9k, hogy gyorsabb legyen a tartalom bet\u00f6lt\u00e9se a mobileszk\u00f6z\u00f6k\u00f6n az\u00e1ltal, hogy elt\u00e1vol\u00edtja a felesleges k\u00f3dot \u00e9s a f\u00e1jlok s\u00faly\u00e1t, \u00e9s az eredeti weboldal minimalista v\u00e1ltozat\u00e1t biztos\u00edtja. Elm\u00e9letileg az olyan technol\u00f3gi\u00e1k, mint az AMP, val\u00f3j\u00e1ban nem sokat seg\u00edtenek abban az esetben, ha a webhely m\u00e1r eleve gyors \u00e9s hat\u00e9kony, de azokban az esetekben, amikor az eredeti weboldalak nem annyira karcs\u00faak, mint kellene, az AMP hasznos eszk\u00f6z lehet a gyors megold\u00e1shoz. Azt is meg kell jegyezni, hogy a Google kiemelten kezeli az AMP-tartalmat a mobil keres\u00e9si eredm\u00e9nyek k\u00f6z\u00f6tt, els\u0151sorban a h\u00edrekkel kapcsolatos t\u00e9m\u00e1kban, \u00edgy ez hozz\u00e1j\u00e1rulhat a tartalom l\u00e1that\u00f3s\u00e1g\u00e1nak n\u00f6vel\u00e9s\u00e9hez. H\u00e1tr\u00e1nya, hogy tartalm\u00e1t egy Google-domainben jelen\u00edthetik meg, \u00e9s az AMP \u00e1ltal lecsupasz\u00edtott dolgok k\u00f6z\u00fcl n\u00e9h\u00e1ny ak\u00e1r igen fontos lehet a weboldal m\u0171k\u00f6d\u00e9se szempontj\u00e1b\u00f3l, \u00edgy egy\u00e9b funkci\u00f3k nem, vagy csak korl\u00e1tozottan lesznek el\u00e9rhet\u0151k. Ugyanakkor kell\u0151 k\u00f6r\u00fcltekint\u00e9ssel igen hasznos eszk\u00f6z tud lenni a kez\u00fcnkben.<\/p>\n\n\n\n A CMS-alap\u00fa webhelyek lek\u00e9rdezik a webhely adatb\u00e1zis\u00e1t, \u00e9s dinamikusan gener\u00e1lnak oldalakat. Egyszer\u0171bben fogalmazva, ez azt jelenti, hogy a webszervernek azon kell dolgoznia, hogy milyen inform\u00e1ci\u00f3kat k\u00fcldj\u00f6n vissza a felhaszn\u00e1l\u00f3nak, valah\u00e1nyszor valaki megpr\u00f3b\u00e1l bet\u00f6lteni egy oldalt, \u00e9s ez a szerver t\u00f6bb energi\u00e1t haszn\u00e1l fel. Az egyik megold\u00e1s (az al\u00e1bbiakban felsorolva) a kiszolg\u00e1l\u00f3 gyors\u00edt\u00f3t\u00e1raz\u00e1s\u00e1nak haszn\u00e1lata, \u00edgy ebben az esetben egyszer\u0171 statikus weboldalakat kell kiszolg\u00e1lni, adatb\u00e1zis n\u00e9lk\u00fcl.<\/p>\n\n\n\n Ezt \u00fagy \u00e9rhetj\u00fck el, hogy a weboldalakat statikus f\u00e1jlokba \u00edrjuk HTML-be, CSS-be \u00e9s JS-be, vagy statikus webhely-gener\u00e1tor vagy speci\u00e1lis statikus web-gazda haszn\u00e1lat\u00e1val konvert\u00e1ljuk CMS-alap\u00fa webhely\u00e9t statikus f\u00e1jlokk\u00e1.<\/p>\n\n\n\n A Progressz\u00edv Webalkalmaz\u00e1s-technol\u00f3gia lehet\u0151v\u00e9 teszi a webhelyek sz\u00e1m\u00e1ra, hogy kiakn\u00e1zz\u00e1k azokat a funkci\u00f3kat, amelyeket \u00e1ltal\u00e1ban csak a nat\u00edv alkalmaz\u00e1sok l\u00e1tnak. A PWA egyik alapvet\u0151 jellemz\u0151je a f\u00e1jlok gyors\u00edt\u00f3t\u00e1raz\u00e1s\u00e1nak lehet\u0151s\u00e9ge a felhaszn\u00e1l\u00f3i eszk\u00f6z\u00f6n, vagyis a tartalmat \u00e9s az eszk\u00f6z\u00f6ket nem kell \u00fajrat\u00f6lteni ism\u00e9telt l\u00e1togat\u00e1sok alkalm\u00e1val. Ez jelent\u0151sen cs\u00f6kkentheti az ism\u00e9telt l\u00e1togat\u00f3k \u00e1ltal bet\u00f6lt\u00f6tt adatok mennyis\u00e9g\u00e9t, k\u00fcl\u00f6n\u00f6sen olyan mobil eszk\u00f6z\u00f6k\u00f6n, amelyek eset\u00e9ben az adat\u00e1tvitel energiaig\u00e9nyesebb, mintha hagyom\u00e1nyos vezet\u00e9kes kapcsolattal t\u00f6rt\u00e9nne. A legt\u00f6bb dologhoz hasonl\u00f3an ez is seg\u00edthet a bet\u00f6lt\u00e9si id\u0151k \u00e9s a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny jav\u00edt\u00e1s\u00e1ban, val\u00f3s h\u00e1tr\u00e1nyok n\u00e9lk\u00fcl.<\/p>\n\n\n\n Nagyon sok energi\u00e1t haszn\u00e1lnak fel az internetes oldalak az adatk\u00f6zpontban \u00e9s az adatok tov\u00e1bb\u00edt\u00e1sakor az adatk\u00f6zpontba \u00e9s onnan. A webt\u00e1rhely-szolg\u00e1ltat\u00e1sok gondos kiv\u00e1laszt\u00e1sa ez\u00e9rt nagy hat\u00e1ssal lehet az energiahat\u00e9konys\u00e1gra \u00e9s a weboldalak sebess\u00e9g\u00e9re. Az al\u00e1bbiak a f\u0151 szempontok, amelyekre gondolni kell.<\/p>\n\n\n\n CMS-t haszn\u00e1l\u00f3 webhelyekn\u00e9l, p\u00e9ld\u00e1ul a WordPress vagy a Drupal, az oldalakat dinamikusan gener\u00e1lj\u00e1k minden alkalommal, amikor valaki megl\u00e1togat egy weboldalt. Ez nem valami hat\u00e9kony, mivel minden egyes oldalmegtekint\u00e9shez szerverfeldolgoz\u00e1st ig\u00e9nyel, ami n\u00f6veli a webszerver energiafogyaszt\u00e1s\u00e1t.<\/p>\n\n\n\n Az olyan gyors\u00edt\u00f3t\u00e1raz\u00e1si technol\u00f3gi\u00e1k, mint a Varnish<\/a> , minden oldal statikus verzi\u00f3it el\u0151\u00e1ll\u00edtj\u00e1k, \u00edgy a szerver \u00e1ltal\u00e1nos k\u00f6lts\u00e9gei jelent\u0151sen cs\u00f6kkenthet\u0151k a legt\u00f6bb l\u00e1togat\u00f3 sz\u00e1m\u00e1ra. Ez jelent\u0151sen cs\u00f6kkenti a szerver energiafogyaszt\u00e1s\u00e1t, \u00e9s nagy k\u00fcl\u00f6nbs\u00e9get jelent az oldal bet\u00f6lt\u00e9si idej\u00e9ben.<\/p>\n\n\n\n Ezeknek a szolg\u00e1ltat\u00e1soknak a telep\u00edt\u00e9se rendszergazda seg\u00edts\u00e9g\u00e9t ig\u00e9nyli, f\u0151leg, ha egy\u00e9b egyedi ig\u00e9nyeknek megfelel\u0151 f\u00fcgg\u0151s\u00e9gek telep\u00edt\u00e9se is sz\u00fcks\u00e9ges.<\/p>\n\n\n\n Az adatk\u00f6zpontok energiahat\u00e9konys\u00e1g\u00e1t \u00e1ltal\u00e1ban az Energiafelhaszn\u00e1l\u00e1s hat\u00e9konys\u00e1ga (PUE) nev\u0171 mutat\u00f3 alapj\u00e1n \u00e9rt\u00e9kelik. A PUE meghat\u00e1roz\u00e1sa \u00fagy t\u00f6rt\u00e9nik, hogy az adatk\u00f6zpontba bel\u00e9p\u0151 energia mennyis\u00e9g\u00e9t elosztjuk a benne l\u00e9v\u0151 sz\u00e1m\u00edt\u00f3g\u00e9pek futtat\u00e1s\u00e1hoz felhaszn\u00e1lt energia mennyis\u00e9g\u00e9vel. Ez azt\u00e1n r\u00e1mutat a nem sz\u00e1m\u00edt\u00e1si tev\u00e9kenys\u00e9gekre, p\u00e9ld\u00e1ul a h\u0171t\u00e9sre pazarolt energia mennyis\u00e9g\u00e9re. Az adatk\u00f6zpont tipikus PUE \u00e9rt\u00e9ke 1,67 k\u00f6r\u00fcl van<\/a> , ami azt jelenti, hogy az adatk\u00f6zpontba ker\u00fcl\u0151 minden 1,67 watt\u00e9rt csak 1 wattot haszn\u00e1lnak a sz\u00e1m\u00edt\u00e1stechnikai rendszerek \u00e1ramell\u00e1t\u00e1s\u00e1ra. A nagy hat\u00e9konys\u00e1g\u00fa adatk\u00f6zpontok, p\u00e9ld\u00e1ul a Google<\/a> \u00e1ltal \u00fczemeltetett adatk\u00f6zpontok PUE \u00e9rt\u00e9ke ak\u00e1r 1,11 is lehet<\/a> .<\/p>\n\n\n\n Az internet \u00e1ltal felhaszn\u00e1lt energia nagy r\u00e9sz\u00e9t adat\u00e1tvitelre haszn\u00e1lj\u00e1k a t\u00e1vk\u00f6zl\u00e9si h\u00e1l\u00f3zatokon kereszt\u00fcl. Mag\u00e1t\u00f3l \u00e9rtet\u0151dik, hogy min\u00e9l tov\u00e1bb kell haladnia az inform\u00e1ci\u00f3nak, ann\u00e1l t\u00f6bb energi\u00e1t haszn\u00e1l fel \u00fatja sor\u00e1n. Ez\u00e9rt a c\u00e9lk\u00f6z\u00f6ns\u00e9g\u00e9hez k\u00f6zeli adatk\u00f6zpont kiv\u00e1laszt\u00e1sa seg\u00edt cs\u00f6kkenteni az energiafogyaszt\u00e1st. P\u00e9ld\u00e1ul tal\u00e1lhat egy olcs\u00f3 webt\u00e1rhely-csomagot egy amerikai sz\u00e9khely\u0171 hosting c\u00e9gt\u0151l, de ha a c\u00e9ll\u00e1togat\u00f3i az Egyes\u00fclt Kir\u00e1lys\u00e1gban vagy N\u00e9metorsz\u00e1gban tart\u00f3zkodnak, akkor az energi\u00e1t pazarolj\u00e1k az adatok \u00e1tad\u00e1sa az Atlanti-\u00f3ce\u00e1non. S\u0151t, ez a tov\u00e1bbi t\u00e1vols\u00e1g k\u00e9sleltetheti az oldalak bet\u00f6lt\u00e9si idej\u00e9t is, \u00edgy a webhelyednek a f\u0151 l\u00e1togat\u00f3i k\u00f6z\u00f6ns\u00e9ghez k\u00f6zeli adatk\u00f6zpontban t\u00f6rt\u00e9n\u0151 elhelyez\u00e9se j\u00f3t tesz a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nynek \u00e9s a bolyg\u00f3nak.<\/p>\n\n\n\n Nagyon j\u00f3 az adatk\u00f6zpont elhelyez\u00e9se a f\u0151 k\u00f6z\u00f6ns\u00e9gcsoport k\u00f6zel\u00e9ben, de olyan esetekben, amikor a k\u00f6z\u00f6ns\u00e9g elterjedt az eg\u00e9sz vil\u00e1gon, ez nem olyan egyszer\u0171. A tartalomszolg\u00e1ltat\u00f3 h\u00e1l\u00f3zatok (CDN-ek) nagyszer\u0171 megold\u00e1st k\u00edn\u00e1lnak erre, \u00e9s olyan eszk\u00f6z\u00f6ket szolg\u00e1lnak ki, mint a k\u00e9pf\u00e1jlok az eg\u00e9sz vil\u00e1g adatk\u00f6zpontj\u00e1nak h\u00e1l\u00f3zat\u00e1b\u00f3l. Ez azt jelenti, hogy a legt\u00f6bb esetben a legnagyobb f\u00e1jlok a felhaszn\u00e1l\u00f3k saj\u00e1t r\u00e9gi\u00f3j\u00e1ban l\u00e9v\u0151 CDN-helyr\u0151l ker\u00fclnek bet\u00f6lt\u00e9sre, cs\u00f6kkentve az adatok mozg\u00e1s\u00e1nak t\u00e1vols\u00e1g\u00e1t minden oldal bet\u00f6lt\u00e9sekor. Ez ism\u00e9t jav\u00edtja az energiahat\u00e9konys\u00e1got \u00e9s jav\u00edtja az oldal bet\u00f6lt\u00e9si idej\u00e9t.<\/p>\n\n\n\n Kiemelten fontos, hogy megsz\u00fcntess\u00fck az energiapazarl\u00e1st a webiparban. Neh\u00e9z vagy lehetetlen pontosan m\u00e9rni a weboldalak energiafogyaszt\u00e1s\u00e1t (b\u00e1r az olyan eszk\u00f6z\u00f6k, mint a Website Carbon<\/a> \u00e9s a Safari webellen\u0151r seg\u00edthetnek), ennek ellen\u00e9re sok mindent megtehet\u00fcnk a pazarl\u00e1s megsz\u00fcntet\u00e9se \u00e9s a hat\u00e9konys\u00e1g jav\u00edt\u00e1sa \u00e9rdek\u00e9ben. Ezeknek a m\u0171veleteknek a t\u00f6bbs\u00e9ge alapvet\u0151en nem neh\u00e9z, csup\u00e1n a r\u00e9szletekre \u00e9s alapos \u00e1tgondol\u00e1sra van sz\u00fcks\u00e9g\u00fck a tervez\u00e9s, a tartalom l\u00e9trehoz\u00e1sa, a fejleszt\u00e9s \u00e9s a t\u00e1rol\u00e1s minden aspektus\u00e1ban.<\/p>\n\n\n\n A legjobb az eg\u00e9szben, hogy szinte minden, amit tehet\u00fcnk a weboldalak energiahat\u00e9konys\u00e1g\u00e1nak jav\u00edt\u00e1sa \u00e9rdek\u00e9ben, m\u00e1s m\u00f3don is jobb\u00e1 teszik \u0151ket, legyen az jobb SEO, jobb webes teljes\u00edtm\u00e9ny vagy m\u00e1s m\u00f3don jobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny. A hat\u00e9konyabb weboldal alapvet\u0151en egy jobb weboldal.<\/p>\n\n\n\n A botok blokkol\u00e1sa cs\u00f6kkentheti az energiafogyaszt\u00e1st. Hab\u00e1r az LCD k\u00e9perny\u0151k megjelen\u00e9s\u00e9vel, A PHP \u00fajabb verzi\u00f3i nemcsak gyorsabbak, hanem kevesebb szerver er\u0151forr\u00e1st \u00e9s enn\u00e9lfogva kevesebb energi\u00e1t is haszn\u00e1lnak. Ebben a cikkben<\/a> \u00edrtunk az \u00fajabb PHP verzi\u00f3k el\u0151nyeir\u0151l \u00e9s a teljes\u00edtm\u00e9nyre gyakorolt \u200b\u200bhat\u00e1s\u00e1r\u00f3l<\/a>. K\u00e9ts\u00e9gtelen, hogy ez a PHP alternat\u00edv\u00e1kra is \u00e9rv\u00e9nyes lesz. <\/p>\n\n\n\n A NodeJs egy javascript alap\u00fa backend szerver kiszolg\u00e1l\u00f3 platform. Ha van tipped a weboldalak energiafogyaszt\u00e1s\u00e1nak cs\u00f6kkent\u00e9s\u00e9re, \u00edrd meg hozz\u00e1sz\u00f3l\u00e1s form\u00e1j\u00e1ban!<\/p>\n\n\n\n![\"\"](\"https:\/\/interwox.com\/hu\/wp-content\/uploads\/2020\/12\/internet-energia-1024x444.jpg\")
<\/figure><\/li><\/ul>Tervez\u00e9s \u00e9s tartalom<\/h2>\n\n\n\n
1. SEO<\/h3>\n\n\n\n
2. Tartalom\u00edr\u00e1s<\/h3>\n\n\n\n
3. Felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny (UX)<\/h3>\n\n\n\n
4. Cs\u00f6kkentsd a k\u00e9peket<\/h3>\n\n\n\n
5. Cs\u00f6kkentsd a vide\u00f3kat<\/h3>\n\n\n\n
6. Gondosan v\u00e1laszd meg a bet\u0171t\u00edpust<\/h3>\n\n\n\n
Fejleszt\u00e9s<\/h2>\n\n\n\n
7. \u00cdrj tiszta k\u00f3dot<\/h3>\n\n\n\n
8. Haszn\u00e1lj kevesebb JavaScript-et<\/h3>\n\n\n\n
Ha a k\u00f3d nem el\u00e9g hat\u00e9kony, \u00e9s hossz\u00fa, az lassabb oldal bet\u00f6lt\u0151d\u00e9st is eredm\u00e9nyezhet a weboldal l\u00e1togat\u00f3ja szemsz\u00f6g\u00e9b\u0151l.
Ez n\u00f6veli a CPU haszn\u00e1lat\u00e1t ez\u00e1ltal n\u0151 a k\u00e9sz\u00fcl\u00e9k energiafogyaszt\u00e1sa.
Ilyenkor a ventill\u00e1torok hangosabbak, a sz\u00e1m\u00edt\u00f3g\u00e9p pedig melegebb az \u00e1tlagosn\u00e1l. Ez igencsak pazarolja az energi\u00e1t.<\/p>\n\n\n\n
\u00c9rdemes kevesebb JS megold\u00e1st haszn\u00e1lni, ahol lehet, v\u00e1ltsuk ki m\u00e1sik hat\u00e9konyabb technol\u00f3gi\u00e1kkal, p\u00e9ld\u00e1ul CSS haszn\u00e1lat\u00e1val vagy, ha mindenk\u00e9pp sz\u00fcks\u00e9ges a k\u00f3dunk hat\u00e9konyan haszn\u00e1lja a javascript tulajdons\u00e1gait.
K\u00fcl\u00f6n eml\u00edt\u00e9st kell tenni azokr\u00f3l a nyomk\u00f6vet\u0151 \u00e9s hirdet\u00e9si szkriptekr\u0151l, amelyek ritk\u00e1n k\u00edn\u00e1lnak \u00e9rt\u00e9ket a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra, de jelent\u0151s f\u00e1jlt\u00f6meg-n\u00f6veked\u00e9st \u00e9s jelent\u0151s CPU-haszn\u00e1latot okozhatnak, lelass\u00edthatj\u00e1k a weboldalakat \u00e9s megzavarhatj\u00e1k a b\u00f6ng\u00e9sz\u00e9si \u00e9lm\u00e9ny\u00fcket.
Sz\u00e1mos weboldal tesztel\u0151 alkalmaz\u00e1ssal megfigyelhet\u0151k, amik seg\u00edtenek a hat\u00e9konyabb\u00e1 t\u00e9telben.
T\u00f6bbek k\u00f6z\u00f6tt a Webpagetest<\/a> vagy a PageSpeed Insights<\/a> a Google-t\u0151l seg\u00edthet nek\u00fcnk ebben, illetve sz\u00e1mos b\u00f6ng\u00e9sz\u0151ben m\u00e1r alap\u00e9rtelmezetten be\u00e9p\u00edt\u00e9sre ker\u00fcltek a webfejleszt\u0151i eszk\u00f6z\u00f6k is, ahol \u00e9l\u0151ben analiz\u00e1lhat\u00f3 weboldalunk teljes\u00edtm\u00e9nye.<\/p>\n\n\n\n![\"A](\"https:\/\/interwox.com\/hu\/wp-content\/uploads\/2020\/12\/A-Safari-Web-Inspector-bemutatja-a-weboldal-energiafelhasznalasat-1024x646.png\")
9. Optimaliz\u00e1ld a k\u00e9peket<\/h3>\n\n\n\n
10. Optimaliz\u00e1ld a bet\u0171t\u00edpusokat<\/h3>\n\n\n\n
11. Haszn\u00e1lj gyors\u00edtott mobil oldalakat (AMP)<\/h3>\n\n\n\n
Ez megfelel\u0151 \u00e9s energiatakar\u00e9kos verzi\u00f3 a mobil felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra.<\/p>\n\n\n\n![\"Pillanatk\u00e9p](\"https:\/\/interwox.com\/hu\/wp-content\/uploads\/2020\/12\/AMP-1024x781.jpg\")
12. K\u00e9sz\u00edts statikus weboldalakat<\/h3>\n\n\n\n
13. Haszn\u00e1ld a Progressive Web App technol\u00f3gi\u00e1t (PWA)<\/h3>\n\n\n\n
Webt\u00e1rhely<\/h2>\n\n\n\n
14. Haszn\u00e1lja a kiszolg\u00e1l\u00f3 gyors\u00edt\u00f3t\u00e1r\u00e1t<\/h3>\n\n\n\n
15. V\u00e1lassz magas PUE besorol\u00e1s\u00fa hostokat<\/h3>\n\n\n\n
16. Haszn\u00e1lj a felhaszn\u00e1l\u00f3khoz k\u00f6zeli adatk\u00f6zpontot<\/h3>\n\n\n\n
17. Haszn\u00e1lj CDN-t<\/h3>\n\n\n\n
K\u00f6vetkeztet\u00e9s<\/h2>\n\n\n\n
18. Blokkod a botokat<\/h3>\n\n\n\n
Hab\u00e1r ugyan a keres\u0151 robotokra nagy sz\u00fcks\u00e9g van a SEO szempontj\u00e1b\u00f3l, ezek is blokkolhat\u00f3ak vagy hozz\u00e1f\u00e9r\u00e9s\u00fck optimaliz\u00e1lhat\u00f3 robots.txt<\/strong> f\u00e1jlok m\u00f3dos\u00edt\u00e1s\u00e1val. Ugyanakkor a k\u00e9retlen spam botok tev\u00e9kenys\u00e9ge, ak\u00e1r a feldolgoz\u00e1si er\u0151forr\u00e1s \u00e9s s\u00e1vsz\u00e9less\u00e9g 50%-\u00e1t is felhaszn\u00e1lhatj\u00e1k.
Megold\u00e1sk\u00e9nt \u00e9rdemes a Cloudflare megfelel\u0151 szolg\u00e1ltat\u00e1s\u00e1t vagy Captcha hiteles\u00edt\u00e9st haszn\u00e1lni f\u0151k\u00e9pp a sz\u00f6vegbeviteli mez\u0151kn\u00e9l.<\/p>\n\n\n\n19. S\u00f6t\u00e9t m\u00f3d<\/h3>\n\n\n\n
amelyek a CRT-k\u00e9perny\u0151kt\u0151l elt\u00e9r\u0151en \u00e1lland\u00f3 h\u00e1tt\u00e9rvil\u00e1g\u00edt\u00e1ssal rendelkeznek, ugyanazt az energi\u00e1t haszn\u00e1lj\u00e1k, f\u00fcggetlen\u00fcl a k\u00e9perny\u0151n l\u00e1that\u00f3 sz\u00ednt\u0151l, az egyes k\u00e9ppontokat k\u00fcl\u00f6n-k\u00fcl\u00f6n megvil\u00e1g\u00edt\u00f3 OLED-k\u00e9perny\u0151k megjelen\u00e9s\u00e9vel azonban a s\u00f6t\u00e9tebb sz\u00ednek haszn\u00e1lata is \u00e9letk\u00e9pes technika a v\u00e9gfelhaszn\u00e1l\u00f3i eszk\u00f6z\u00f6k energi\u00e1j\u00e1nak cs\u00f6kkent\u00e9s\u00e9re.<\/p>\n\n\n\n20. Haszn\u00e1ld a leg\u00fajabb PHP verzi\u00f3t<\/h3>\n\n\n\n
21. NodeJs, mint alternat\u00edva<\/h3>\n\n\n\n
Hab\u00e1r m\u00e9g viszonylag friss fejleszt\u00e9sr\u0151l van sz\u00f3, egyes felm\u00e9r\u00e9sek szerint jelent\u0151s sebess\u00e9gn\u00f6veked\u00e9st \u00edg\u00e9r a PHP alap\u00fa webszerverekhez k\u00e9pest.
F\u0151k\u00e9nt nagyv\u00e1llalati k\u00f6r\u00f6kben n\u00e9pszer\u0171.
H\u00e1tr\u00e1nya, hogy a PHP-hoz k\u00e9pest kev\u00e9s helyen haszn\u00e1lj\u00e1k, \u00edgy a t\u00e1mogatotts\u00e1ga is kevesebb, nincs annyi b\u0151v\u00edtm\u00e9ny, szoftver hozz\u00e1.<\/p>\n\n\n\n