{"id":3195,"date":"2026-06-05T03:30:02","date_gmt":"2026-06-05T03:30:02","guid":{"rendered":"https:\/\/webshopbirodalom.hu\/blog\/lassu-a-weboldalad-8-modszer-a-weboldal-sebesseg-azonnali-javitasara\/"},"modified":"2026-06-05T07:30:01","modified_gmt":"2026-06-05T07:30:01","slug":"lassu-a-weboldalad-8-modszer-a-weboldal-sebesseg-azonnali-javitasara","status":"publish","type":"post","link":"https:\/\/webshopbirodalom.hu\/blog\/lassu-a-weboldalad-8-modszer-a-weboldal-sebesseg-azonnali-javitasara\/","title":{"rendered":"Lass\u00fa A Weboldalad? 8 M\u00f3dszer A Weboldal Sebess\u00e9g Azonnali Jav\u00edt\u00e1s\u00e1ra"},"content":{"rendered":"<p>Ha lass\u00fa a weboldalad, akkor egyed\u00fcl nem vagy ezzel a probl\u00e9m\u00e1val \u2013 \u00e9s a j\u00f3 h\u00edr az, hogy van megold\u00e1s. Az \u00e1tlagos felhaszn\u00e1l\u00f3 m\u00e1r 3 m\u00e1sodperc ut\u00e1n elhagyja azokat az oldalakat, amelyek t\u00fal sok\u00e1ig t\u00f6lt\u0151dnek be, ami k\u00f6zvetlen\u00fcl vesz\u00e9lyezteti az online \u00fczleted bev\u00e9tel\u00e9t. Ebben a cikkben 8 \u043f\u0440\u0430\u043a\u0442ikus m\u00f3dszert mutatunk meg neked, amellyel lass\u00fa a weboldalad sebess\u00e9ge azonnalian jav\u00edthat\u00f3, \u00e9s amely <strong>azonnali m\u00e9rhet\u0151 eredm\u00e9nyeket<\/strong> hozhat a konverzi\u00f3 \u00e9s a keres\u0151motor-rangsorol\u00e1s ter\u00e9n.<\/p>\n<h2>Mi\u00e9rt fontos a weboldal sebess\u00e9ge az online \u00fczletedhez?<\/h2>\n<p>A weboldal sebess\u00e9ge nem csup\u00e1n a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny k\u00e9rd\u00e9se \u2013 ez k\u00f6zvetlen hat\u00e1ssal van az \u00fczleted j\u00f6vedelmez\u0151s\u00e9g\u00e9re. <a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/hu_hu\/consumer-insights\/consumer-trends\/the-need-for-mobile-speed\/\" rel=\"noopener\" target=\"_blank\">A Google \u00e9s az international kutat\u00e1sok<\/a> egy\u00e9rtelm\u0171en bizony\u00edtj\u00e1k, hogy minden 100 milliszekundumos k\u00e9sedelem a konverzi\u00f3k 1%-os cs\u00f6kken\u00e9s\u00e9hez vezethet.<\/p>\n<p><strong>A weboldal sebess\u00e9g k\u00f6zvetlen hat\u00e1sa a bev\u00e9telre \u00e9s konverzi\u00f3ra<\/strong> nem vitathat\u00f3: ha az online boltod lassan t\u00f6lt\u0151dik, az \u00fcgyfeleid egyszer\u0171en otthagyj\u00e1k. Az e-commerce vil\u00e1g\u00e1ban minden m\u00e1sodperc sz\u00e1m\u00edt, \u00e9s a sebess\u00e9goptimaliz\u00e1l\u00e1s nem luxus, hanem sz\u00fcks\u00e9gszer\u0171s\u00e9g. <a href=\"https:\/\/webshopbirodalom.hu\/blog\/google-ads-kampany-beallitas\/\">Google Ads Kamp\u00e1ny Be\u00e1ll\u00edt\u00e1s<\/a><\/p>\n<p>A mobilforgalom folyamatos n\u00f6veked\u00e9s\u00e9vel a helyzet m\u00e9g kritikusabb\u00e1 v\u00e1lt. Az \u00e1tlagos mobilfelhaszn\u00e1l\u00f3 er\u0151s internetkapcsolat n\u00e9lk\u00fcl m\u00e9g ink\u00e1bb \u00e9rz\u00e9keny a lass\u00fa bet\u00f6lt\u00e9si id\u0151kre, \u00edgy az <strong>azonnali sebess\u00e9gjav\u00edt\u00e1s<\/strong> elengedhetetlen az \u00fczleted megtart\u00e1s\u00e1hoz. <a href=\"https:\/\/webshopbirodalom.hu\/blog\/kulcsszokutatas-egyszeruen-hogyan-talald-meg-a-legjovedelmezobb-keresoszavakat\/\">Kulcssz\u00f3kutat\u00e1s Egyszer\u0171en: Hogyan Tal\u00e1ld Meg A Legj\u00f6vedelmez\u0151bb Keres\u0151szavakat?<\/a><\/p>\n<h3>A weboldal sebess\u00e9g k\u00f6zvetlen hat\u00e1sa a bev\u00e9telre \u00e9s konverzi\u00f3ra<\/h3>\n<p>Az Amazon kutat\u00e1sai azt mutatj\u00e1k, hogy az oldal bet\u00f6lt\u00e9si id\u0151 minden 100 ms-os n\u00f6veked\u00e9se k\u00f6r\u00fclbel\u00fcl 1% bev\u00e9telcs\u00f6kken\u00e9shez vezethet. Webshopok eset\u00e9ben ez nem eleg\u00e1ns sz\u00e1m \u2013 ez konkr\u00e9t forint-vesztes\u00e9get jelent naponta.<\/p>\n<p>A sebess\u00e9g nem csak a v\u00e1s\u00e1rl\u00e1si folyamat v\u00e9g\u00e9n sz\u00e1m\u00edt: m\u00e1r az els\u0151 l\u00e1togat\u00e1s sor\u00e1n a gyors bet\u00f6lt\u00e9s j\u00f3 benyom\u00e1st kelt, \u00e9s n\u00f6veli az annak es\u00e9ly\u00e9t, hogy az \u00fcgyfelek visszat\u00e9rnek az oldaladra.<\/p>\n<h3>Hogyan vesz\u00edtesz potenci\u00e1lis \u00fcgyfeleket a lass\u00fa bet\u00f6lt\u00e9si id\u0151 miatt<\/h3>\n<p>Amikor egy weboldal 3 m\u00e1sodpercn\u00e9l lassabban t\u00f6lt\u0151dik, a felhaszn\u00e1l\u00f3k k\u00f6r\u00fclbel\u00fcl 40%-a azonnal elhagyja azt. Ez nem csak egyszer t\u00f6rt\u00e9nik meg \u2013 a lass\u00fas\u00e1got tapasztal\u00f3 emberek val\u00f3sz\u00edn\u0171leg nem t\u00e9rnek vissza, \u00e9s esetleg negat\u00edv \u00e9rt\u00e9kel\u00e9seket hagynak.<\/p>\n<ul>\n<li>A lass\u00fa oldal rossz sz\u00e1jpropagand\u00e1t gener\u00e1l a k\u00f6z\u00f6ss\u00e9gi m\u00e9di\u00e1n<\/li>\n<li>Az \u00fcgyf\u00e9l frusztr\u00e1l\u00f3 \u00e9lm\u00e9nye alacsonyabb \u00e9rt\u00e9kel\u00e9sekhez vezethet<\/li>\n<li>A konkurencia gyorsabb oldalai lenyomj\u00e1k a ti\u00e9det az \u00fcgyf\u00e9l v\u00e1laszt\u00e1s\u00e1ban<\/li>\n<li>A mobilfelhaszn\u00e1l\u00f3k m\u00e9g \u00e9rz\u00e9kenyebbek a lassas\u00e1gra, mint az asztali felhaszn\u00e1l\u00f3k<\/li>\n<\/ul>\n<h3>A Google keres\u0151optimaliz\u00e1l\u00e1s \u00e9s a sebess\u00e9g kapcsolata<\/h3>\n<p>A Google 2021-ben hivatalosan is bejelentette, hogy a <strong>Page Experience<\/strong> \u2013 amely a sebess\u00e9get is mag\u00e1ban foglalja \u2013 rangsorsorrend-t\u00e9nyez\u0151. Ez azt jelenti, hogy ha a weboldalad lass\u00fa, rosszabbul fog teljes\u00edteni a Google keres\u00e9si eredm\u00e9nyeiben.<\/p>\n<p>A lass\u00fa weboldal nem jelenik meg olyan magas poz\u00edci\u00f3ban, mint a gyors versenyt\u00e1rsak\u00e9. Az organikus keres\u0151forgalom elveszt\u00e9se hossz\u00fa t\u00e1von m\u00e9g nagyobb probl\u00e9m\u00e1t okozhat, mint az azonnali konverzi\u00f3k roml\u00e1sa.<\/p>\n<h2>1. m\u00f3dszer: K\u00e9pek optimaliz\u00e1l\u00e1sa \u00e9s t\u00f6m\u00f6r\u00edt\u00e9se \u2013 a leggyorsabb eredm\u00e9ny<\/h2>\n<p>A k\u00e9pek \u00e1ltal\u00e1ban az oldal tartalm\u00e1nak 50-80%-\u00e1t teszik ki f\u00e1jlm\u00e9retben. Ez azt jelenti, hogy a <strong>k\u00e9poptimaliz\u00e1l\u00e1s<\/strong> gyakran az egyik leggyorsabb m\u00f3dszer a sebess\u00e9gjav\u00edt\u00e1sra. Sok v\u00e1llalkoz\u00f3 azt nem tudja, hogy az eredeti fot\u00f3k renderel\u00e9s n\u00e9lk\u00fcl felt\u00f6ltve komoly terhet jelentenek a szervernek.<\/p>\n<figure style=\"margin: 1.5em 0;text-align: center\"><img decoding=\"async\" alt=\"1. m\u00f3dszer: K\u00e9pek optimaliz\u00e1l\u00e1sa \u00e9s t\u00f6m\u00f6r\u00edt\u00e9se \u2013 a leggyorsabb eredm\u00e9ny\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1740818576268-b8c18a5a1573?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w5MTYzNTN8MHwxfHNlYXJjaHwxfHxtJUMzJUIzZHN6ZXIlM0ElMjBLJUMzJUE5cGVrJTIwb3B0aW1hbGl6JUMzJUExbCVDMyVBMXNhJTIwdCVDMyVCNm0lQzMlQjZyJUMzJUFEdCVDMyVBOXNlfGVufDB8MHx8fDE3ODA2MTgzNTB8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" style=\"max-width: 100%;height: auto;border-radius: 8px\" \/><\/figure>\n<h3>Mi\u00e9rt a k\u00e9pek okozz\u00e1k a weboldal lassas\u00e1g\u00e1t<\/h3>\n<p>A digit\u00e1lis f\u00e9nyk\u00e9pez\u0151g\u00e9pekb\u0151l \u00e9s okostelefonokr\u00f3l sz\u00e1rmaz\u00f3 k\u00e9pek \u00e1ltal\u00e1ban 4-10 MB m\u00e9ret\u0171ek, pedig az interneten ezt az egy k\u00e9pet sokszor nem sz\u00fcks\u00e9ges ilyen nagy m\u00e9retben megjelen\u00edteni. Ha egy weboldal 15-20 k\u00e9pet tartalmaz, \u00e9s mindegyik 5 MB, akkor \u00f6sszesen 100 MB adatmennyis\u00e9g t\u00f6lt\u0151dik le csak a k\u00e9pekre.<\/p>\n<p>Az <strong>optimaliz\u00e1latlan k\u00e9pek<\/strong> minden oldallet\u00f6lt\u00e9sn\u00e9l \u00fajra \u00e9s \u00fajra let\u00f6lt\u0151dnek, m\u00e9g akkor is, ha m\u00e1r egyszer bet\u00f6lt\u0151dtek. Ez a s\u00e1vsz\u00e9less\u00e9g-pazarl\u00e1s k\u00fcl\u00f6n\u00f6sen mobil- \u00e9s lass\u00fa internetes kapcsolatok eset\u00e9ben katasztrof\u00e1lis.<\/p>\n<h3>Mely k\u00e9pform\u00e1tumok a leghat\u00e9konyabbak (WebP, JPEG, PNG)<\/h3>\n<p>Az interneten k\u00fcl\u00f6nb\u00f6z\u0151 k\u00e9pform\u00e1tumok k\u00f6z\u00fcl v\u00e1laszthatunk, \u00e9s mindegyiknek megvan az el\u0151nye \u00e9s h\u00e1tr\u00e1nya. A <strong>WebP form\u00e1tum<\/strong> p\u00e9ld\u00e1ul 25-35%-kal kisebb f\u00e1jlm\u00e9retet biztos\u00edt, mint a JPEG, \u00e9s t\u00e1mogatja az \u00e1tl\u00e1tsz\u00f3s\u00e1got is, mint a PNG.<\/p>\n<ul>\n<li><strong>JPEG<\/strong> \u2013 f\u00e9nyk\u00e9pekhez ide\u00e1lis, j\u00f3 t\u00f6m\u00f6r\u00edt\u00e9si ar\u00e1ny, nem t\u00e1mogatja az \u00e1tl\u00e1tsz\u00f3s\u00e1got<\/li>\n<li><strong>PNG<\/strong> \u2013 grafikus elemekhez \u00e9s log\u00f3khoz, t\u00e1mogatja az \u00e1tl\u00e1tsz\u00f3s\u00e1got, de nagyobb f\u00e1jlm\u00e9ret<\/li>\n<li><strong>WebP<\/strong> \u2013 a leg\u00fajabb \u00e9s leghat\u00e9konyabb form\u00e1tum, de nem minden b\u00f6ng\u00e9sz\u0151 t\u00e1mogatja<\/li>\n<li><strong>SVG<\/strong> \u2013 vektorgrafik\u00e1ra ide\u00e1lis, v\u00e9gtelen nagy\u00edt\u00e1sra k\u00e9pes, minim\u00e1lis f\u00e1jlm\u00e9ret<\/li>\n<\/ul>\n<h3>Ingyenes \u00e9s fizet\u0151s k\u00e9poptimaliz\u00e1l\u00f3 eszk\u00f6z\u00f6k \u00e9s szoftverek<\/h3>\n<p>Szerencs\u00e9re sz\u00e1mos ingyenes eszk\u00f6z \u00e1ll rendelkez\u00e9sedre a k\u00e9pek t\u00f6m\u00f6r\u00edt\u00e9s\u00e9re. A TinyPNG.com \u00e9s az ImageOptim teljesen ingyenesek, \u00e9s n\u00e9h\u00e1ny m\u00e1sodperc alatt jelent\u0151s m\u00e9retcs\u00f6kkent\u00e9st \u00e9rnek el an\u00e9lk\u00fcl, hogy \u00e9rezhet\u0151 min\u0151s\u00e9gveszt\u00e9s lenne.<\/p>\n<p>Fizet\u0151s megold\u00e1sok k\u00f6z\u00fcl az Adobe Lightroom \u00e9s a Capture One professzion\u00e1lis k\u00e9pszerkeszt\u00e9st k\u00edn\u00e1lnak, de hogyha csak t\u00f6m\u00f6r\u00edt\u00e9sre van sz\u00fcks\u00e9ged, az ingyenes eszk\u00f6z\u00f6k teljesen megfelel\u0151ek lehetnek.<\/p>\n<h3>A responsive k\u00e9pek be\u00e1ll\u00edt\u00e1sa a mobiln\u00e9zet gyors\u00edt\u00e1sa \u00e9rdek\u00e9ben<\/h3>\n<p>A <strong>responsive k\u00e9pek<\/strong> azt jelentik, hogy k\u00fcl\u00f6nb\u00f6z\u0151 m\u00e9retekben szolg\u00e1ltatod ki az k\u00e9peket k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6k sz\u00e1m\u00e1ra. Egy smartphone-on nem sz\u00fcks\u00e9ges megjelen\u00edteni az ugyanolyan nagy k\u00e9pet, mint egy asztali sz\u00e1m\u00edt\u00f3g\u00e9pen \u2013 ez sz\u00e1nd\u00e9kos sz\u00f6veg- \u00e9s s\u00e1vsz\u00e9less\u00e9gvesztes\u00e9g.<\/p>\n<p>A HTML srcset attrib\u00fatum lehet\u0151v\u00e9 teszi, hogy az egyes eszk\u00f6z\u00f6kh\u00f6z optimaliz\u00e1lt k\u00e9peket adj\u00e1l meg. Ez biztos\u00edtja, hogy a mobilfelhaszn\u00e1l\u00f3k gyorsabb bet\u00f6lt\u00e9st tapasztalnak, m\u00edg az asztali felhaszn\u00e1l\u00f3k tov\u00e1bbra is teljes felbont\u00e1st kapnak.<\/p>\n<h2>2. m\u00f3dszer: Cache aktiv\u00e1l\u00e1sa \u2013 a b\u00f6ng\u00e9sz\u0151 mem\u00f3ri\u00e1j\u00e1nak kihaszn\u00e1l\u00e1sa<\/h2>\n<p>A cache egy rendk\u00edv\u00fcl hat\u00e9kony m\u00f3dszer a <strong>weboldal sebess\u00e9g\u00e9nek jav\u00edt\u00e1s\u00e1ra<\/strong>, mert megakad\u00e1lyozza, hogy az azonos tartalmat \u00fajra \u00e9s \u00fajra kelljen bet\u00f6lteni. A b\u00f6ng\u00e9sz\u0151 cache-je t\u00e1rter\u00fcletet biztos\u00edt az \u00fcgyf\u00e9l g\u00e9p\u00e9n az \u00e1ltala m\u00e1r let\u00f6lt\u00f6tt f\u00e1jlok sz\u00e1m\u00e1ra.<\/p>\n<figure style=\"margin: 1.5em 0;text-align: center\"><img decoding=\"async\" alt=\"2. m\u00f3dszer: Cache aktiv\u00e1l\u00e1sa \u2013 a b\u00f6ng\u00e9sz\u0151 mem\u00f3ri\u00e1j\u00e1nak kihaszn\u00e1l\u00e1sa\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1697592158837-b01691a86fd3?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w5MTYzNTN8MHwxfHNlYXJjaHwyfHxtJUMzJUIzZHN6ZXIlM0ElMjBDYWNoZSUyMGFrdGl2JUMzJUExbCVDMyVBMXNhJTIwYiVDMyVCNm5nJUMzJUE5c3olQzUlOTF8ZW58MHwwfHx8MTc4MDYxODM1MXww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" style=\"max-width: 100%;height: auto;border-radius: 8px\" \/><\/figure>\n<h3>Mit jelent a b\u00f6ng\u00e9sz\u0151 cache \u00e9s hogyan m\u0171k\u00f6dik<\/h3>\n<p>Amikor egy felhaszn\u00e1l\u00f3 el\u0151sz\u00f6r megl\u00e1togatja a weboldaladat, az \u00f6sszes statikus f\u00e1jl (CSS, JavaScript, k\u00e9pek, bet\u0171t\u00edpusok) let\u00f6lt\u0151dik \u00e9s t\u00e1rol\u00f3dik a b\u00f6ng\u00e9sz\u0151 cache mem\u00f3ri\u00e1j\u00e1ban. Amikor m\u00e1sodszor megl\u00e1togatja az oldalt, a b\u00f6ng\u00e9sz\u0151 ezt a t\u00e1rolt verzi\u00f3b\u00f3l t\u00f6lti be, nem az internetr\u0151l.<\/p>\n<p>Ez az oka annak, hogy az egy webhely ism\u00e9telt megl\u00e1togat\u00e1sa \u00e1ltal\u00e1ban gyorsabb, mint az els\u0151 alkalom. A b\u00f6ng\u00e9sz\u0151 cache aktiv\u00e1l\u00e1sa szerveroldalon biztos\u00edtja, hogy ez a mechanizmus optim\u00e1lisan m\u0171k\u00f6dik.<\/p>\n<h3>A szerveroldalas cache (server-side cache) be\u00e1ll\u00edt\u00e1sa<\/h3>\n<p>A szerveroldalas cache egy l\u00e9p\u00e9ssel \u00f6sszetettebb, de sokkal hat\u00e9konyabb megold\u00e1s. Ezt \u00e1ltal\u00e1ban a .htaccess f\u00e1jlban konfigur\u00e1lj\u00e1k, amely szab\u00e1lyozza, hogy az egyes f\u00e1jlt\u00edpusok mennyi ideig maradjanak cache-elve.<\/p>\n<p>P\u00e9ld\u00e1ul a k\u00e9peket 1 h\u00f3napra, a CSS-t 2 h\u00e9tre, de a HTML-t mind\u00f6ssze n\u00e9h\u00e1ny \u00f3r\u00e1ra teheted cache-be, hogy az \u00faj tartalom gyorsan megjelenjen.<\/p>\n<h3>CDN (Content Delivery Network) alkalmaz\u00e1sa a glob\u00e1lis gyorsas\u00e1g\u00e9rt<\/h3>\n<p>A <strong>CDN (Content Delivery Network)<\/strong> olyan szolg\u00e1ltat\u00e1s, amely a weboldal f\u00e1jljait t\u00f6bb szerverr\u0151l kiszolg\u00e1lja a vil\u00e1gban. Ha egy amerikai \u00fcgyfeled azt szeretn\u00e9 megl\u00e1togatni az oldalad, az amerikai CDN szerverb\u0151l t\u00f6lt\u0151dik be, nem a magyar szerverr\u0151l.<\/p>\n<p>Ez a technol\u00f3gia jelent\u0151sen cs\u00f6kkenti a fizikai t\u00e1vols\u00e1got az adat\u00e1tvitel sor\u00e1n, ami k\u00f6zvetlen hat\u00e1ssal van a bet\u00f6lt\u00e9si id\u0151re. Az olyan szolg\u00e1ltat\u00e1sok, mint a Cloudflare, ingyenes alapcsomagot k\u00edn\u00e1lnak a CDN-hez.<\/p>\n<h3>Cache kit\u00f6lt\u00e9si id\u0151k \u00e9s friss\u00edt\u00e9si strat\u00e9gi\u00e1k<\/h3>\n<p>Fontos megfelel\u0151 cache-kit\u00f6lt\u00e9si id\u0151ket be\u00e1ll\u00edtani. Ha t\u00fal r\u00f6vid a kit\u00f6lt\u00e9si id\u0151, a cache-advantage elveszhet; ha t\u00fal hossz\u00fa, az elavult tartalom maradhat megjelen\u00edtve.<\/p>\n<ul>\n<li>Statikus tartalom (k\u00e9pek, PDF-ek): 30-90 napok<\/li>\n<li>CSS \u00e9s JavaScript f\u00e1jlok: 7-30 napok<\/li>\n<li>HTML f\u00e1jlok: 1-7 napok<\/li>\n<li>API v\u00e1laszok: 1-60 perct\u0151l v\u00e1ltoz\u00f3, az adatviszonyok alapj\u00e1n<\/li>\n<\/ul>\n<h2>3. m\u00f3dszer: CSS \u00e9s JavaScript minifik\u00e1l\u00e1sa \u2013 a k\u00f3doptimaliz\u00e1l\u00e1s titka<\/h2>\n<p>Az weboldalak CSS \u00e9s JavaScript f\u00e1jljait gyakran fejleszt\u0151i-bar\u00e1t m\u00f3don \u00edrj\u00e1k meg, rengeteg sz\u00f3k\u00f6zzel, megjegyz\u00e9sekkel \u00e9s \u00e9rthet\u0151 n\u00e9vad\u00e1ssal. Ez azonban sz\u00fcks\u00e9gtelen\u00fcl nagyobb f\u00e1jlm\u00e9retet eredm\u00e9nyez, amely az internetre felt\u00f6ltend\u0151 adatmennyis\u00e9get n\u00f6veli.<\/p>\n<h3>Mi a minifik\u00e1l\u00e1s \u00e9s mi\u00e9rt cs\u00f6kkenti a f\u00e1jlm\u00e9retet<\/h3>\n<p>A <strong>minifik\u00e1l\u00e1s<\/strong> egy olyan folyamat, amely elt\u00e1vol\u00edtja az \u00f6sszes sz\u00fcks\u00e9gtelen karaktert a k\u00f3db\u00f3l \u2013 sz\u00f3k\u00f6z\u00f6ket, sort\u00f6r\u00e9seket, megjegyz\u00e9seket \u2013 an\u00e9lk\u00fcl, hogy megv\u00e1ltoztatn\u00e1 a funkcionalit\u00e1st. Egy tipikus CSS vagy JavaScript f\u00e1jl 30-40%-kal kisebb lehet minifik\u00e1l\u00e1s ut\u00e1n.<\/p>\n<p>Ez az elj\u00e1r\u00e1s teljesen automatiz\u00e1lhat\u00f3, \u00edgy nem ig\u00e9nyel manu\u00e1lis k\u00f3dszerkeszt\u00e9st. Az internetes felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra a k\u00fcl\u00f6nbs\u00e9g \u00e9szrevehet\u0151 \u2013 gyorsabb bet\u00f6lt\u00e9s, kevesebb s\u00e1vsz\u00e9less\u00e9g-felhaszn\u00e1l\u00e1s.<\/p>\n<h3>Nem sz\u00fcks\u00e9ges pluginok \u00e9s scriptek elt\u00e1vol\u00edt\u00e1sa<\/h3>\n<p>Sok WordPress webhely sz\u00e1mos pluginnal \u00e9s k\u00fcls\u0151 scripttel rendelkezik, amelyb\u0151l sok nem akt\u00edv vagy nem sz\u00fcks\u00e9ges. Ezek a f\u00e1jlok folyamatos terhet jelentenek a szervernek, f\u00fcggetlen\u00fcl att\u00f3l, hogy haszn\u00e1latban vannak-e.<\/p>\n<p>Egy alapos <strong>plugin audit<\/strong> gyakran 5-10 egy\u00e9bk\u00e9nt &#8222;sz\u00fcks\u00e9ges&#8221; plugint azonos\u00edt, amely val\u00f3j\u00e1ban felesleges. Ezek elt\u00e1vol\u00edt\u00e1sa azonnalian gyors\u00edthatja meg az oldalt.<\/p>\n<h3>Az aszinkron JavaScript bet\u00f6lt\u00e9s\u00e9nek el\u0151nyei<\/h3>\n<p>A JavaScript alap\u00e9rtelmez\u00e9s szerint szinkron m\u00f3don t\u00f6lt\u0151dik, ami azt jelenti, hogy az oldal bet\u00f6lt\u00e9se meg\u00e1ll mindaddig, am\u00edg a JavaScript-f\u00e1jl teljesen le nem t\u00f6lt\u0151dik. Az aszinkron bet\u00f6lt\u00e9s lehet\u0151v\u00e9 teszi, hogy az oldal bet\u00f6lt\u00e9se k\u00f6zben a JavaScript h\u00e1tt\u00e9rben legyen let\u00f6ltve.<\/p>\n<p>Az <em>async<\/em> \u00e9s <em>defer<\/em> attrib\u00fatumok seg\u00edts\u00e9g\u00e9vel ezt egyszer\u0171en megval\u00f3s\u00edthatod, ami k\u00fcl\u00f6n\u00f6sen fontos az analitikai \u00e9s nyomk\u00f6vet\u00e9si scriptek sz\u00e1m\u00e1ra, amelyek nem sz\u00fcks\u00e9gesek az oldal l\u00e1tv\u00e1ny-megjelen\u00edt\u00e9s\u00e9hez.<\/p>\n<h3>Automatiz\u00e1lt minifik\u00e1l\u00e1si eszk\u00f6z\u00f6k \u00e9s WordPress pluginok<\/h3>\n<p>Ha WordPress-t haszn\u00e1lsz, a WP Rocket, az Autoptimize \u00e9s az W3 Total Cache pluginok automatikusan minifik\u00e1lj\u00e1k a CSS \u00e9s JavaScript f\u00e1jlokat, nincs sz\u00fcks\u00e9g manu\u00e1lis k\u00f3dol\u00e1sra.<\/p>\n<p>Az olyan online eszk\u00f6z\u00f6k, mint az UglifyJS \u00e9s a CSS Nano (ha nem WordPress-t haszn\u00e1lsz) szint\u00e9n kiv\u00e1l\u00f3 megold\u00e1sok az azonnali minifik\u00e1l\u00e1shoz.<\/p>\n<h2>4. m\u00f3dszer: Hosting upgrade \u00e9s szerver teljes\u00edtm\u00e9ny \u2013 az alapoz\u00e1s<\/h2>\n<p>El\u0151fordulhat, hogy a lass\u00fas\u00e1ggal k\u00fcszk\u00f6d\u0151 weboldal probl\u00e9m\u00e1ja nem a k\u00f3d vagy a k\u00e9pek optimaliz\u00e1l\u00e1s\u00e1ban rejlik, hanem mag\u00e1ban a hosztingban. A <strong>megosztott hosting<\/strong> egy szervert t\u00f6bb sz\u00e1z felhaszn\u00e1l\u00f3val osztja meg, ami komoly teljes\u00edtm\u00e9ny-probl\u00e9m\u00e1kat okozhat.<\/p>\n<h3>Megosztott hosting vs. VPS vs. dedik\u00e1lt szerver \u2013 a sebess\u00e9g k\u00fcl\u00f6nbs\u00e9ge<\/h3>\n<p>A hosztingproviderek k\u00fcl\u00f6nb\u00f6z\u0151 t\u00edpus\u00fa szervereket k\u00edn\u00e1lnak, mindegyiknek m\u00e1s-m\u00e1s teljes\u00edtm\u00e9nyt \u00e9s \u00e1rral. Az al\u00e1bbi t\u00e1bl\u00e1zat seg\u00edt meg\u00e9rteni, hogy melyik megold\u00e1s milyen teljes\u00edtm\u00e9nyt \u00e9s k\u00f6lts\u00e9get jelent:<\/p>\n<table>\n<tr>\n<th>Hosztingprovider t\u00edpusa<\/th>\n<th>Megosztott szerverek sz\u00e1ma<\/th>\n<th>Tipikus \u00e1r\/h\u00f3<\/th>\n<th>Sebess\u00e9gre gyakorolt hat\u00e1s<\/th>\n<th>Legmegfelel\u0151bb<\/th>\n<\/tr>\n<tr>\n<td>Megosztott hosting<\/td>\n<td>500-1000+ felhaszn\u00e1l\u00f3 egy szerveren<\/td>\n<td>500-3000 Ft<\/td>\n<td>Gyakran lass\u00fa, m\u00e1s felhaszn\u00e1l\u00f3k terhel\u00e9s\u00e9t\u0151l f\u00fcgg<\/td>\n<td>Kisebb blogok, kezd\u0151 webshopok<\/td>\n<\/tr>\n<tr>\n<td>VPS (Virtual Private Server)<\/td>\n<td>10-30 felhaszn\u00e1l\u00f3 egy fizikai szerveren<\/td>\n<td>5000-15000 Ft<\/td>\n<td>Sokkal gyorsabb, dedik\u00e1lt er\u0151forr\u00e1sok<\/td>\n<td>K\u00f6zepes online \u00fczletek<\/td>\n<\/tr>\n<tr>\n<td>Dedik\u00e1lt szerver<\/td>\n<td>Csak te haszn\u00e1lod<\/td>\n<td>30000-100000+ Ft<\/td>\n<td>Maxim\u00e1lis sebess\u00e9g, teljes kontroll<\/td>\n<td>Nagy volumen\u0171 webshopok, \u043f\u043e\u0440\u0442\u0430\u043b\u0438<\/td>\n<\/tr>\n<\/table>\n<p>Ahogy l\u00e1tod, a megosztott hosting az olcs\u00f3 lehet\u0151s\u00e9g, de a sebess\u00e9g szempontj\u00e1b\u00f3l kompromisszumos. Ha a weboldal teljes\u00edtm\u00e9nye kritikus az \u00fczletedhez \u2013 amit egy webshop eset\u00e9ben szinte mindig az \u2013, a <strong>VPS legal\u00e1bb olyan meg\u00e9ri az extra k\u00f6lts\u00e9get<\/strong>.<\/p>\n<h3>SSD t\u00e1rhelyek fontoss\u00e1ga a HDD-vel szemben<\/h3>\n<p>Az SSD (Solid State Drive) \u00e9s a HDD (Hard Disk Drive) k\u00f6z\u00f6tti k\u00fcl\u00f6nbs\u00e9g \u00f3ri\u00e1si a sebess\u00e9gben. Az SSD ak\u00e1r 10-szeres gyorsabb lehet az adatok olvas\u00e1s\u00e1ban, mint a HDD. Ez k\u00f6zvetlen\u00fcl hat az adatb\u00e1zis-lek\u00e9rdez\u00e9sek sebess\u00e9g\u00e9re \u00e9s az oldal bet\u00f6lt\u00e9si idej\u00e9re.<\/p>\n<p>A mai hosztingproviderek szinte mind SSD-t k\u00edn\u00e1lnak, de k\u00e9tszer ellen\u0151rizd meg a honlapukon \u2013 nem ritka, hogy m\u00e9g mindig HDD-t aj\u00e1nlanak bizonyos csomagokban.<\/p>\n<h3>PHP verzi\u00f3 friss\u00edt\u00e9se \u00e9s a szerver konfigur\u00e1l\u00e1sa<\/h3>\n<p>A PHP verzi\u00f3k k\u00f6z\u00f6tt jelent\u0151s teljes\u00edtm\u00e9nybeli k\u00fcl\u00f6nbs\u00e9gek vannak. A PHP 7.4 \u00e9s a PHP 8.0+ sokkal gyorsabbak, mint az elavult PHP 5.6 vagy 7.0. Ha az hosztod nem t\u00e1mogatja az \u00fajabb verzi\u00f3t, <strong>fontos lehet a hosztv\u00e1lt\u00e1s<\/strong> fontolgat\u00e1sa.<\/p>\n<p>R\u00e1ad\u00e1sul az elavult PHP verzi\u00f3 biztons\u00e1gi kock\u00e1zatot is jelent \u2013 a t\u00e1mogat\u00e1s v\u00e9g\u00e9n l\u00e9v\u0151 verzi\u00f3k nem kapnak biztons\u00e1gi friss\u00edt\u00e9seket.<\/p>\n<h3>A hosztingv\u00e1lt\u00e1s l\u00e9p\u00e9sr\u0151l l\u00e9p\u00e9sre<\/h3>\n<p>Ha \u00fagy d\u00f6ntesz, hogy v\u00e1ltoztatsz a hosztingon, a folyamat egyszer\u0171bb, mint gondoln\u00e1d. Legt\u00f6bb hosztingprovider ingyenes migr\u00e1ci\u00f3s szolg\u00e1ltat\u00e1st k\u00edn\u00e1l, amely az adatb\u00e1zis \u00e9s f\u00e1jlok \u00e1thelyez\u00e9s\u00e9ben seg\u00edt.<\/p>\n<ol>\n<li>V\u00e1laszd ki az \u00faj hosztingprovider-t, amely megfelel az ig\u00e9nyeidnek<\/li>\n<li>Feliratkozz az \u00faj hosztingra<\/li>\n<li>K\u00e9rj ingyenes migr\u00e1ci\u00f3s seg\u00edts\u00e9get az \u00fcgyf\u00e9lszolg\u00e1latn\u00e1l<\/li>\n<li>Helyezz \u00e1t egy biztons\u00e1gi ment\u00e9st az adatb\u00e1zisodr\u00f3l (export\/import)<\/li>\n<li>Tesztelj minden funkci\u00f3t az \u00faj szerveren, miel\u0151tt az \u00e9l\u0151 szerverre tenn\u00e9d<\/li>\n<li>Friss\u00edtsd a domain DNS be\u00e1ll\u00edt\u00e1sait az \u00faj szerzerre t\u00f6rt\u00e9n\u0151 mutat\u00e1shoz<\/li>\n<\/ol>\n<h2>5. m\u00f3dszer: Lusta bet\u00f6lt\u00e9s (Lazy Loading) alkalmaz\u00e1sa \u2013 a felhaszn\u00e1l\u00f3 szok\u00e1sai szerint<\/h2>\n<p>A lusta bet\u00f6lt\u00e9s egy olyan technika, amely azt jelenti, hogy a k\u00e9pek \u00e9s m\u00e1s tartalmi elemek csak akkor t\u00f6lt\u0151dnek be, amikor sz\u00fcks\u00e9ges. Ha egy felhaszn\u00e1l\u00f3 nem g\u00f6rgeti le a weboldalt ahhoz az elemhez, amely alatt egy nagy k\u00e9pf\u00e1jl tal\u00e1lhat\u00f3, az k\u00e9pet nem is t\u00f6lt\u0151dik le.<\/p>\n<h3>Hogyan m\u0171k\u00f6dik a lazy loading \u00e9s mi\u00e9rt \u00e9rdemes haszn\u00e1lni<\/h3>\n<p>A lazy loading az oldalbet\u00f6lt\u00e9si id\u0151 drasztikus cs\u00f6kkent\u00e9s\u00e9re szolg\u00e1l, k\u00fcl\u00f6n\u00f6sen hossz\u00fa weboldalak vagy k\u00e9pt\u00f6bbles oldalak eset\u00e9n. Az oldal els\u0151 &#8222;fold&#8221; \u2013 az a ter\u00fclet, amelyet a felhaszn\u00e1l\u00f3 a b\u00f6ng\u00e9sz\u0151ablakban l\u00e1t az els\u0151 bet\u00f6lt\u00e9skor \u2013 csak az ehhez sz\u00fcks\u00e9ges k\u00e9peket t\u00f6lti be.<\/p>\n<p>Ez azt jelenti, hogy az oldal sokkal gyorsabban interakt\u00edvv\u00e1 v\u00e1lik, \u00e9s a felhaszn\u00e1l\u00f3 azonnal kezdhet g\u00f6rgeni, mik\u00f6zben a h\u00e1tt\u00e9rben tov\u00e1bbi k\u00e9pek t\u00f6lt\u0151dnek be.<\/p>\n<h3>K\u00e9pek, vide\u00f3k \u00e9s iframe-ek lusta bet\u00f6lt\u00e9se<\/h3>\n<p>A lusta bet\u00f6lt\u00e9s nem csak k\u00e9pekre vonatkozik \u2013 vide\u00f3k, iframe-ek (p\u00e9ld\u00e1ul be\u00e1gyazott t\u00e9rk\u00e9pek vagy k\u00f6z\u00f6ss\u00e9gim\u00e9dia-be\u00e1gyaz\u00e1sok) is jelent\u0151s terhet jelentenek, \u00e9s szint\u00e9n kiv\u00e1l\u00f3 jel\u00f6ltek a lazy loadingra.<\/p>\n<ul>\n<li>K\u00e9pek: az adatm\u00e9r\u00e9t alapj\u00e1n ez az egyik leghat\u00e9konyabb m\u00f3dszer<\/li>\n<li>Vide\u00f3k: k\u00fcl\u00f6n\u00f6sen nagy f\u00e1jlok, k\u00edv\u00e1natos a lazy loading alkalmaz\u00e1sa<\/li>\n<li>Iframe-ek: Google Maps, YouTube be\u00e1gyaz\u00e1sok \u00e9s egy\u00e9b harmadik f\u00e9lt\u0151l sz\u00e1rmaz\u00f3 tartalmak<\/li>\n<li>Bet\u0171t\u00edpusok: a nem alapvet\u0151 bet\u0171t\u00edpusok lazy loadinggal konfigur\u00e1lhat\u00f3k<\/li>\n<\/ul>\n<h3>WordPress lazy loading pluginok \u00e9s nat\u00edv megold\u00e1sok<\/h3>\n<p>A leg\u00fajabb WordPress verzi\u00f3k (5.5+) rendelkeznek nat\u00edv lazy loading t\u00e1mogat\u00e1ssal, ami azt jelenti, hogy egy\u00e1ltal\u00e1n nincs sz\u00fcks\u00e9g pluginra. A plugins como az Imagify \u00e9s az Jetpack Premium automatikus lazy loadinget is biztos\u00edtanak.<\/p>\n<p>Ha nem WordPress-t haszn\u00e1lsz, a JavaScript k\u00f6nyvt\u00e1rak, mint a Intersection Observer API, lehet\u0151v\u00e9 teszik, hogy egyszer\u0171en implement\u00e1ld a lazy loadinget.<\/p>\n<h3>Az oldal interaktivit\u00e1s\u00e1nak jav\u00edt\u00e1sa a lazy loading seg\u00edts\u00e9g\u00e9vel<\/h3>\n<p>A <strong>Core Web Vitals<\/strong> \u2013 a Google teljes\u00edtm\u00e9nym\u00e9r\u00e9si metrik\u00e1i \u2013 k\u00f6z\u00fcl az egyik a Largest Contentful Paint (LCP), amely azt m\u00e9ri, hogy mennyi ideig tart a legterjedelmesebb tartalom megjelen\u00edt\u00e9se. A lazy loading k\u00f6zvetlen\u00fcl jav\u00edtja ezt az \u00e9rt\u00e9ket.<\/p>\n<p>Az oldal \u00edgy nem csak gyorsabbnak \u00e9rz\u0151dik, hanem val\u00f3ban gyorsabb is lesz, \u00e9s magasabb Google rangsorol\u00e1st fog kapni.<\/p>\n<h2>6. m\u00f3dszer: Adatb\u00e1zis optimaliz\u00e1l\u00e1sa \u2013 a h\u00e1tt\u00e9rben t\u00f6rt\u00e9n\u0151 munka<\/h2>\n<p>A weboldal sebess\u00e9ge nem csak a k\u00f3dt\u00f3l \u00e9s a k\u00e9pekt\u0151l f\u00fcgg \u2013 az adatb\u00e1zis teljes\u00edtm\u00e9nye kritikus fontoss\u00e1g\u00fa. Egy lass\u00fa adatb\u00e1zis azt jelenti, hogy az egyes oldalak bet\u00f6lt\u00e9s\u00e9hez hosszabb ideig tart adatokat lek\u00e9rdezni, m\u00e9g akkor is, ha minden m\u00e1s optimaliz\u00e1lva van.<\/p>\n<h3>Az adatb\u00e1zis lass\u00fas\u00e1ga \u00e9s hat\u00e1sa a weboldal teljes\u00edtm\u00e9nyre<\/h3>\n<p>Az adatb\u00e1zis-lek\u00e9rdez\u00e9sek gyakran az oldalbet\u00f6lt\u00e9si id\u0151 40-60%-\u00e1t teszik ki dinamikus weboldalak \u00e9s webshopok eset\u00e9n. Ha az adatb\u00e1zis lass\u00fa, akkor f\u00fcggetlen\u00fcl att\u00f3l, hogy milyen gyorsan kiszolg\u00e1lsz k\u00e9peket, az oldal tov\u00e1bbra is lass\u00fanak fog \u00e9rz\u0151dni.<\/p>\n<p>Az olyan probl\u00e9m\u00e1k, mint a nem indexelt oszlopok, az \u00f6reg rev\u00edzi\u00f3k \u00e9s a redund\u00e1ns adatok, jelent\u0151sen lass\u00edthatj\u00e1k az adatb\u00e1zis-lek\u00e9rdez\u00e9seket.<\/p>\n<h3>\u00d6reg bejegyz\u00e9sek \u00e9s rev\u00edzi\u00f3k t\u00f6rl\u00e9se<\/h3>\n<p>A WordPress \u00e9s m\u00e1s CMS-ek automatikusan t\u00e1rnak rev\u00edzi\u00f3kat \u2013 az \u00f6sszes m\u00f3dos\u00edt\u00e1s verzi\u00f3j\u00e1t \u2013 az oldalbejegyz\u00e9sekr\u0151l. Ez id\u0151vel komoly terhet jelenthet az adatb\u00e1zis nagys\u00e1g\u00e1ra.<\/p>\n<p>Az \u00f6t \u00e9vvel ezel\u0151tti sz\u00f6vegfeldolgoz\u00e1si rev\u00edzi\u00f3k t\u00f6bbnyire senkinek sem sz\u00fcks\u00e9gesek, \u00e9s biztosan t\u00f6r\u00f6lhet\u0151k. Ez egyed\u00fcl az adatb\u00e1zis m\u00e9ret\u00e9t cs\u00f6kkenti, jav\u00edtva a teljes\u00edtm\u00e9nyt.<\/p>\n<h3>Indexek hozz\u00e1ad\u00e1sa \u00e9s a lek\u00e9rdez\u00e9sek optimaliz\u00e1l\u00e1sa<\/h3>\n<p>Az adatb\u00e1zis-indexek olyan eszk\u00f6z\u00f6k, amelyek felgyors\u00edtj\u00e1k az adatlek\u00e9rdez\u00e9seket, hasonl\u00f3 m\u00f3don, ahogy egy k\u00f6nyv tartalomjegyz\u00e9ke lehet\u0151v\u00e9 teszi, hogy gyorsan megtal\u00e1ld az inform\u00e1ci\u00f3t. Az megfelel\u0151 oszlopokra helyezett indexek 100-szoros sebess\u00e9gn\u00f6veked\u00e9st is eredm\u00e9nyezhetnek.<\/p>\n<p>A <strong>adatb\u00e1zis-indexek optimaliz\u00e1l\u00e1sa<\/strong> technikai tud\u00e1st ig\u00e9nyelhet, de az eredm\u00e9ny meg\u00e9ri a f\u00e1rads\u00e1got.<\/p>\n<h3>Adatb\u00e1zis tiszt\u00edt\u00e1s \u00e9s karbantart\u00e1si rutin<\/h3>\n<p>Hasonl\u00f3 az aut\u00f3hoz, az adatb\u00e1zisnak is sz\u00fcks\u00e9ges id\u0151szakos karbantart\u00e1s. Az olyan pluginok, mint a WP-Optimize automatikusan v\u00e9gezhetnek tiszt\u00edt\u00e1st \u2013 rev\u00edzi\u00f3k, spam megjegyz\u00e9sek \u00e9s elavult adatok t\u00f6rl\u00e9s\u00e9vel.<\/p>\n<ul>\n<li>Heti vagy k\u00e9theti teljes adatb\u00e1zis-biztons\u00e1gi ment\u00e9s k\u00e9sz\u00edt\u00e9se<\/li>\n<li>Az elavult rev\u00edzi\u00f3k havi t\u00f6rl\u00e9se<\/li>\n<li>A spam megjegyz\u00e9sek \u00e9s nem v\u00e1laszolt kapcsolatfelv\u00e9telek t\u00f6rl\u00e9se<\/li>\n<li>Sz\u00fcks\u00e9gtelen pluginok adatb\u00e1zis-bejegyz\u00e9seinek takar\u00edt\u00e1sa elt\u00e1vol\u00edt\u00e1s ut\u00e1n<\/li>\n<\/ul>\n<h2>7. m\u00f3dszer: Gzip t\u00f6m\u00f6r\u00edt\u00e9s \u00e9s HTTP\/2 aktiv\u00e1l\u00e1sa \u2013 az \u00e1tviteli szabv\u00e1nyok<\/h2>\n<p>Az internetes \u00e1tvitelnek vannak szab\u00e1lyai \u00e9s protokolljai, amelyek lehet\u0151v\u00e9 teszik, hogy az adatok hat\u00e9konyabban ker\u00fcljenek \u00e1tvitelre. A Gzip t\u00f6m\u00f6r\u00edt\u00e9s \u00e9s a HTTP\/2 olyan technol\u00f3gi\u00e1k, amelyek k\u00f6zvetlen\u00fcl cs\u00f6kkenthetik a s\u00e1vsz\u00e9less\u00e9get \u00e9s az \u00e1tviteli id\u0151t.<\/p>\n<h3>Gzip t\u00f6m\u00f6r\u00edt\u00e9s enged\u00e9lyez\u00e9se az .htaccess f\u00e1jlban<\/h3>\n<p>A Gzip t\u00f6m\u00f6r\u00edt\u00e9s az adatokat &#8222;\u00f6sszecsomagol\u00f3dja&#8221; az internetes \u00e1tvitelhez, hasonl\u00f3an a ZIP f\u00e1jlhoz. Az \u00e1tlagos oldal Gzip t\u00f6m\u00f6r\u00edt\u00e9s ut\u00e1n k\u00f6r\u00fclbel\u00fcl 50-70%-kal kisebb m\u00e9ret\u0171 lehet.<\/p>\n<p>Ha az Apache szervert haszn\u00e1lsz, a Gzip aktiv\u00e1l\u00e1sa egyetlen n\u00e9h\u00e1ny sor k\u00f3ddal lehets\u00e9ges az .htaccess f\u00e1jlban. Ez az egyik legegyszer\u0171bb \u00e9s leghat\u00e9konyabb m\u00f3dja a <strong>weboldal sebess\u00e9g\u00e9nek azonnali jav\u00edt\u00e1s\u00e1ra<\/strong>.<\/p>\n<h3>HTTP\/2 vs. HTTP\/1.1 \u2013 a sebess\u00e9g k\u00fcl\u00f6nbs\u00e9ge<\/h3>\n<p>A HTTP\/2 egy \u00fajabb protokoll, amely sz\u00e1mos m\u00f3don gyorsabb az \u00e1tlagos HTTP\/1.1-n\u00e9l. A HTTP\/2 lehet\u0151v\u00e9 teszi t\u00f6bb f\u00e1jl egyidej\u0171 \u00e1tvitel\u00e9t ugyanazon a kapcsolaton, m\u00edg a HTTP\/1.1 csak egyet enged\u00e9lyez.<\/p>\n<p>Ez azt jelenti, hogy a HTTP\/2 weboldalak jelent\u0151sen gyorsabban t\u00f6lt\u0151dnek, k\u00fcl\u00f6n\u00f6sen sok kis f\u00e1jlokat tartalmaz\u00f3 oldalak eset\u00e9n (amely a legt\u00f6bb weboldal k\u00f6z\u00f6s probl\u00e9m\u00e1ja).<\/p>\n<h3>Hogyan ellen\u0151rizd, hogy a szervered t\u00e1mogatja-e ezeket a technol\u00f3gi\u00e1kat<\/h3>\n<p>Az olyan online eszk\u00f6z\u00f6k, mint a GTmetrix vagy a WebPageTest megmutatj\u00e1k, hogy az oldal HTTP\/2-t \u00e9s Gzip-et haszn\u00e1l-e. Ha nem, kommunik\u00e1lj az hosztingprovider-rel \u2013 az esetek 99%-ban egyszer\u0171en aktiv\u00e1lhat\u00f3 ez a technika.<\/p>\n<h3>SSL\/TLS tan\u00fas\u00edtv\u00e1ny \u00e9s HTTPS felgyors\u00edt\u00e1sa<\/h3>\n<p>Az HTTPS (SSL\/TLS tan\u00fas\u00edtv\u00e1nnyal) biztons\u00e1gosabb, mint a HTTP, de bizonyos konfigur\u00e1ci\u00f3kban lassabb is lehet. Az olyan m\u00f3dszerek, mint a HSTS (HTTP Strict Transport Security) \u00e9s az SSL session caching azonban biztos\u00edthatj\u00e1k, hogy az HTTPS nem okoz teljes\u00edtm\u00e9ny-probl\u00e9m\u00e1kat.<\/p>\n<p>M\u00e9g jobb h\u00edr: az \u00f6sszes modern weboldal HTTPS-t haszn\u00e1l, \u00e9s a Google keres\u00e9si rangsorol\u00e1st is magasabbra \u00e9rt\u00e9keli a biztons\u00e1gos oldalakat.<\/p>\n<h2>8. m\u00f3dszer: Be\u00e9p\u00edtett szoftverek, pluginok \u00e9s t\u00e9m\u00e1k audit\u00e1l\u00e1sa \u2013 a f\u00f6l\u00f6sleges teher elt\u00e1vol\u00edt\u00e1sa<\/h2>\n<p>Sok weboldal id\u0151vel \u00f6sszegy\u0171jt sz\u00e1mos plugint, t\u00e9m\u00e1t \u00e9s k\u00fcls\u0151 scriptet, amelyb\u0151l sokan m\u00e1r nem sz\u00fcks\u00e9gesek. Ez a digit\u00e1lis &#8222;teher&#8221; jelent\u0151sen lass\u00edthatja az oldalt.<\/p>\n<h3>A weboldalat lelass\u00edt\u00f3 pluginok felismer\u00e9se \u00e9s elt\u00e1vol\u00edt\u00e1sa<\/h3>\n<p>Az WordPress-pluginok, hab\u00e1r k\u00e9nyelmesek, lass\u00edthatj\u00e1k az oldalt, mert mindegyik k\u00f3dot \u00e9s lek\u00e9rdez\u00e9seket hozz\u00e1ad. Az olyan eszk\u00f6z\u00f6k, mint a Query Monitor, lehet\u0151v\u00e9 teszik, hogy pontosan l\u00e1sd, mely pluginok milyen terhel\u00e9st okoznak.<\/p>\n<p>Egy \u00e9sszer\u0171 weboldal \u00e1ltal\u00e1ban 15-20 pluginnal m\u0171k\u00f6dik j\u00f3l, de vannak olyan helyek, amelyek 100+ plugint futtatnak! Ez biztosan lass\u00edt\u00f3 t\u00e9nyez\u0151.<\/p>\n<h3>T\u00e9m\u00e1 v\u00e1laszt\u00e1sa a teljes\u00edtm\u00e9ny alapj\u00e1n<\/h3>\n<p>A WordPress t\u00e9m\u00e1k is nagy role j\u00e1tszhatnak a sebess\u00e9gben. Az olyan j\u00f3 t\u00e9m\u00e1k, mint az Astra, az Neve vagy az OceanWP, kifejezetten a sebess\u00e9g szem el\u0151tt tart\u00e1s\u00e1val k\u00e9sz\u00fcltek. Az olyan &#8222;vizu\u00e1lisan gazdag&#8221; t\u00e9m\u00e1k, amelyek sok effektust \u00e9s anim\u00e1ci\u00f3t tartalmaznak, jelent\u0151sen lass\u00edthatj\u00e1k az oldalt.<\/p>\n<p>Ha a jelenlegi t\u00e9m\u00e1d lass\u00fa, az \u00faj t\u00e9m\u00e1ra val\u00f3 \u00e1tv\u00e1lt\u00e1s azonnali sebess\u00e9gjavul\u00e1st eredm\u00e9nyezhet.<\/p>\n<h3>K\u00fcls\u0151 script-ek audit\u00e1l\u00e1sa \u00e9s sz\u00fcks\u00e9gess\u00e9g\u00fck m\u00e9rlegel\u00e9se<\/h3>\n<p>Az analitikai scriptek, advertising k\u00f3dok (Google AdSense, Facebook Pixel), chat pluginok \u00e9s egy\u00e9b harmadik f\u00e9lt\u0151l sz\u00e1rmaz\u00f3 k\u00f3dok mind terhel\u00e9st okoznak. Val\u00f3s sz\u00fcks\u00e9gess\u00e9g\u00fcket \u00e9rdemes fel\u00fclvizsg\u00e1lni \u2013 nem sz\u00fcks\u00e9ges-e minden scriptben r\u00e9sztvev\u0151?<\/p>\n<ul>\n<li>Google Analytics \u2013 sz\u00fcks\u00e9ges az adatok gy\u0171jt\u00e9s\u00e9hez, de asinkron bet\u00f6lt\u00e9st javasolt<\/li>\n<li>Facebook Pixel \u2013 marketing, elt\u00e1vol\u00edthat\u00f3, ha nem haszn\u00e1lod az adatokat<\/li>\n<li>Harmadik f\u00e9lt\u0151l sz\u00e1rmaz\u00f3 chat \u2013 hasznos, de nagy terhet jelenthet<\/li>\n<li>Advertising network\u00f6k \u2013 bev\u00e9tel fontos, de teljes\u00edtm\u00e9nybeli kompromisszum sz\u00fcks\u00e9ges<\/li>\n<\/ul>\n<h3>Code splitting \u00e9s modul\u00e1ris fejleszt\u00e9s gyakorlatai<\/h3>\n<p>Ha saj\u00e1t fejleszt\u0151kkel dolgozol, a code splitting \u2013 az egyes oldalakhoz sz\u00fcks\u00e9ges k\u00f3d elk\u00fcl\u00f6n\u00edt\u00e9se \u2013 jelent\u0151sen cs\u00f6kkenthet adatmennyis\u00e9get. Nem sz\u00fcks\u00e9ges az \u00f6sszes JavaScript az \u00f6sszes oldalon \u2013 csak az adott oldal ig\u00e9nyeit kiel\u00e9g\u00edt\u0151 k\u00f3dot c\u00e9lszer\u0171 bet\u00f6lteni.<\/p>\n<h2>A weboldal sebess\u00e9g azonnali jav\u00edt\u00e1sa: Cselekv\u00e9si terv az eredm\u00e9nyes online \u00fczlethez<\/h2>\n<p><strong>Az azonnali eredm\u00e9nyt<\/strong> nagyon fontos szempont az online \u00fczletedhez. Nem \u00e9rdemes 3 h\u00f3nap alatt v\u00e1rni a sebess\u00e9gjavul\u00e1sra \u2013 a legt\u00f6bb \u00fcgyf\u00e9led ma vagy soha nem fog visszaj\u00f6nni.<\/p>\n<blockquote>\n<p>&#8222;A weboldal sebess\u00e9ge a versenyk\u00e9pess\u00e9g egyik legfontosabb t\u00e9nyez\u0151je az e-commerce vil\u00e1g\u00e1ban. Minden 100 milliszekundumos k\u00e9sedelem p\u00e9nz \u2013 a konverzi\u00f3k cs\u00f6kken\u00e9s\u00e9nek \u00e9s az \u00fcgyf\u00e9l-el\u00e9gedetlens\u00e9gnek p\u00e9nze.&#8221; \u2013 E-commerce sebess\u00e9goptimaliz\u00e1l\u00e1si szak\u00e9rt\u0151k konszenzusa<\/p>\n<\/blockquote>\n<h3>Rangsorol\u00e1s: Melyik m\u00f3dszer hozza a legt\u00f6bb eredm\u00e9nyt el\u0151sz\u00f6r<\/h3>\n<p>Nem minden m\u00f3dszer egyenl\u0151 hat\u00e9kony. Ha ma meg szeretn\u00e9d gyors\u00edtani a weboldalat, ezt a sorrendet javasoljuk:<\/p>\n<ol>\n<li><strong>K\u00e9poptimaliz\u00e1l\u00e1s<\/strong> \u2013 30-40% sebess\u00e9gn\u00f6veked\u00e9s lehets\u00e9ges, n\u00e9h\u00e1ny \u00f3ra munka<\/li>\n<li><strong>Cache aktiv\u00e1l\u00e1sa<\/strong> \u2013 20-30% javul\u00e1s, k\u00f6nnyen konfigur\u00e1lhat\u00f3<\/li>\n<li><strong>Gzip t\u00f6m\u00f6r\u00edt\u00e9s<\/strong> \u2013 20-30% adatmennyis\u00e9g cs\u00f6kken\u00e9s, percek alatt aktiv\u00e1lhat\u00f3<\/li>\n<li><strong>Lazy loading<\/strong> \u2013 15-25% szubjekt\u00edv sebess\u00e9g\u00e9rzet javul\u00e1s<\/li>\n<li><strong>Plugin audit \u00e9s elt\u00e1vol\u00edt\u00e1s<\/strong> \u2013 10-20% javul\u00e1s, n\u00e9h\u00e1ny nap munka<\/li>\n<li><strong>Adatb\u00e1zis optimaliz\u00e1l\u00e1sa<\/strong> \u2013 10-15% javul\u00e1s, rendszeres karbantart\u00e1s sz\u00fcks\u00e9ges<\/li>\n<li><strong>Hosting upgrade<\/strong> \u2013 50%+ javul\u00e1s, de k\u00f6lts\u00e9ges<\/li>\n<li><strong>CSS\/JS minifik\u00e1l\u00e1sa<\/strong> \u2013 5-10% javul\u00e1s, automatikus eszk\u00f6z\u00f6kkel k\u00f6nnyen<\/li>\n<\/ol>\n<h3>Az els\u0151 l\u00e9p\u00e9sek &#8211; mit cselekedj ma m\u00e9g<\/h3>\n<p>F\u00fcggetlen\u00fcl att\u00f3l, hogy technikai tud\u00e1sod van-e, ezek az azonnalian megval\u00f3s\u00edthat\u00f3 l\u00e9p\u00e9sek:<\/p>\n<ol>\n<li>M\u00e9rj meg az oldalt a Google PageSpeed Insights, GTmetrix vagy WebPageTest seg\u00edts\u00e9g\u00e9vel<\/li>\n<li>T\u00f6ltsd fel az \u00f6sszes k\u00e9pet a TinyPNG-n kereszt\u00fcl \u00e9s cser\u00e9ld le az eredeti k\u00e9peket<\/li>\n<li>K\u00e9rj meg az hosztingprovidert, hogy aktiv\u00e1lja a Gzip t\u00f6m\u00f6r\u00edt\u00e9st \u00e9s a HTTP\/2-t<\/li>\n<li>T\u00e1vol\u00edtsd el az akt\u00edvan nem haszn\u00e1lt WordPress pluginokat<\/li>\n<li>\u00c1ll\u00edtsd be a b\u00f6ng\u00e9sz\u0151 cache-t az .htaccess-ben vagy a WordPress pluginnal<\/li>\n<\/ol>\n<h3>Sebess\u00e9g m\u00e9r\u00e9s el\u0151tt \u00e9s ut\u00e1n \u2013 az eredm\u00e9nyek dokument\u00e1l\u00e1sa<\/h3>\n<p>Nagyon fontos, hogy m\u00e9rj el\u0151tte \u00e9s ut\u00e1n. Ez nem csak hogy dokument\u00e1lja az eredm\u00e9nyeket, hanem motiv\u00e1l\u00f3 is, \u00e9s bizony\u00edtja a t\u00f6bbi \u00e9rdekelt f\u00e9lnek, hogy a munka meg\u00e9rte.<\/p>\n<p>R\u00f6gz\u00edtsd a Google PageSpeed Insights score-ot, a Core Web Vitals \u00e9rt\u00e9keket \u00e9s a t\u00e9nyleges bet\u00f6lt\u00e9si id\u0151t m\u00e1sodpercben. Ez alapj\u00e1n k\u00f6vetheted nyomon, hogy az egyes m\u00f3dszerek mennyit jav\u00edtottak az oldal teljes\u00edtm\u00e9ny\u00e9n.<\/p>\n<h3>Hogyan kapcsol\u00f3dj szak\u00e9rt\u0151h\u00f6z, ha a saj\u00e1t er\u0151ddel nem boldogulsz<\/h3>\n<p>Ha t\u00fal bonyolultnak tal\u00e1lod az eg\u00e9szet, vagy egyszer\u0171en nincs id\u0151d, egy <strong>weboldal sebess\u00e9goptimaliz\u00e1l\u00e1s szak\u00e9rt\u0151<\/strong> seg\u00edts\u00e9g\u00e9t ig\u00e9nybe veheted. Az olyan \u00fcgyn\u00f6ks\u00e9gek, mint a Webshop Birodalom, teljes k\u00f6r\u0171 sebess\u00e9goptimaliz\u00e1l\u00e1si szolg\u00e1ltat\u00e1st k\u00edn\u00e1lnak \u2013 diagn\u00f3zis, megval\u00f3s\u00edt\u00e1s \u00e9s ut\u00e1nk\u00f6vet\u00e9s.<\/p>\n<p>Az audit gyakran ingyenes, \u00e9s sok esetben a teljes\u00edtm\u00e9nyfejleszt\u00e9s megt\u00e9r\u00fcl az els\u0151 h\u00f3napban a konverzi\u00f3n\u00f6veked\u00e9s \u00e1ltal.<\/p>\n<h2>Gyakran Ism\u00e9telt K\u00e9rd\u00e9sek<\/h2>\n<h3>Mennyi ideig tart az \u00e1tlagos weboldal bet\u00f6lt\u00e9si ideje?<\/h3>\n<p>Az ipar\u00e1g \u00e1tlagos c\u00e9lja az 3 m\u00e1sodperc alatti bet\u00f6lt\u00e9s. A legjobb weboldalak 1,5-2 m\u00e1sodperc alatt bet\u00f6lt\u0151dnek. Azonban az e-commerce oldalaknak m\u00e9g gyorsabbnak kell lenni\u00fck \u2013 ide\u00e1lis alatt 2 m\u00e1sodperc.<\/p>\n<p>Ha az oldal 5+ m\u00e1sodpercig tart, biztos, hogy kell egy sebess\u00e9goptimaliz\u00e1l\u00e1s.<\/p>\n<h3>Milyen eszk\u00f6z\u00f6kkel tudom ingyen m\u00e9rni a weboldalam sebess\u00e9g\u00e9t?<\/h3>\n<p>Sz\u00e1mos ingyenes eszk\u00f6z \u00e1ll rendelkez\u00e9sedre. A Google PageSpeed Insights az egyik legjobb, de a GTmetrix, a WebPageTest \u00e9s az Lighthouse is kiv\u00e1l\u00f3 v\u00e1laszt\u00e1sok. Ezek r\u00e9szletes javaslatokat is adnak a jav\u00edt\u00e1sra.<\/p>\n<p>A <a href=\"https:\/\/www.toptal.com\/developers\/webpagetest\" rel=\"noopener\" target=\"_blank\">WebPageTest<\/a> k\u00fcl\u00f6n\u00f6sen j\u00f3, mert v\u00e1laszthatsz k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6kr\u0151l \u00e9s kapcsolati sebess\u00e9gekr\u0151l a teszt futtat\u00e1sakor.<\/p>\n<h3>Garant\u00e1lja-e a sebess\u00e9g jav\u00edt\u00e1sa a magasabb Google rangsorol\u00e1st?<\/h3>\n<p>Nem garant\u00e1lja, de jelent\u0151s m\u00e9rt\u00e9kben jav\u00edtja az es\u00e9lyeket. A Google 200+ rangsorsorrend-t\u00e9nyez\u0151t haszn\u00e1l, de a sebess\u00e9g k\u00f6zvetlen\u00fcl egy k\u00f6z\u00fcl\u00fck. R\u00e1ad\u00e1sul, a gyorsabb oldal term\u00e9szetesen jobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt biztos\u00edt, ami k\u00f6zvetetten is seg\u00edt.<\/p>\n<p>A sebess\u00e9gjav\u00edt\u00e1s azonban mindig aj\u00e1nlott, f\u00fcggetlen\u00fcl att\u00f3l, hogy hol rangsorolodsz jelenleg.<\/p>\n<h3>Mennyibe ker\u00fcl a weboldal sebess\u00e9g optimaliz\u00e1l\u00e1sa?<\/h3>\n<p>Ez nagyon sz\u00e9les tartom\u00e1ny \u2013 0-t\u00f3l (DIY megk\u00f6zel\u00edt\u00e9s) t\u00f6bb t\u00edzezer forintig (teljes fel\u00faj\u00edt\u00e1s). Az alapvet\u0151 sebess\u00e9goptimaliz\u00e1l\u00e1s (k\u00e9pt\u00f6m\u00f6r\u00edt\u00e9s, cache, egyszer\u0171 plugin elt\u00e1vol\u00edt\u00e1s) kevesebb, mint 10 000 Ft-ba ker\u00fclhet.<\/p>\n<p>A teljes diagnosztika \u00e9s megval\u00f3s\u00edt\u00e1s egy szak\u00e9rt\u0151vel \u00e1ltal\u00e1ban 50 000-200 000 Ft-os beruh\u00e1z\u00e1s, amely azonban a legt\u00f6bb webshop eset\u00e9ben az els\u0151 h\u00f3napban megt\u00e9r\u00fcl a konverzi\u00f3n\u00f6veked\u00e9s miatt.<\/p>\n<h3>Milyen gyakran kell v\u00e9gezni weboldal sebess\u00e9goptimaliz\u00e1l\u00e1st?<\/h3>\n<p>Az els\u0151 alkalom ut\u00e1n az optimaliz\u00e1l\u00e1s szinte teljes \u2013 az eredm\u00e9nyek tart\u00f3sak. Azonban az \u00faj pluginok, k\u00e9pek \u00e9s friss\u00edt\u00e9sek id\u0151vel terhelhetik az oldalt, ez\u00e9rt \u00e9vente aj\u00e1nlott egy gyors auditot v\u00e9gezni.<\/p>\n<p>Az adatb\u00e1zis optimaliz\u00e1l\u00e1sa \u00e9s a cache-friss\u00edt\u00e9s azonban havi vagy negyed\u00e9ves feladat, amelyet automatiz\u00e1lni lehet.<\/p>\n<p style=\"margin-top: 40px;padding-top: 20px;border-top: 2px solid #e0e0e0;font-size: 14px;color: #666\">\n<strong>Ez a cikk a Webshop Birodalom automatiz\u00e1l\u00e1si blog csatorn\u00e1j\u00e1n k\u00e9sz\u00fclt, amelyet a <a href=\"https:\/\/aiboostedbusiness.eu\" rel=\"noopener\" target=\"_blank\">Powered by RankFlow AI \u2014 aiboostedbusiness.eu<\/a> t\u00e1mogat. Szak\u00e9rt\u0151i seg\u00edts\u00e9g \u00e9s automatiz\u00e1l\u00e1si megold\u00e1sok az online \u00fczletedhez.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ha lass\u00fa a weboldalad, akkor egyed\u00fcl nem vagy ezzel a probl\u00e9m\u00e1val \u2013 \u00e9s a j\u00f3 h\u00edr az, hogy van megold\u00e1s. Az \u00e1tlagos felhaszn\u00e1l\u00f3 m\u00e1r 3 m\u00e1sodperc ut\u00e1n elhagyja azokat az oldalakat, amelyek t\u00fal sok\u00e1ig t\u00f6lt\u0151dnek\u2026<\/p>\n","protected":false},"author":0,"featured_media":3196,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[80],"tags":[81],"class_list":["post-3195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lassu-a","tag-lassu-a-weboldalad-8-modszer-a-weboldal-sebesseg-azonnali-javitasara"],"_links":{"self":[{"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/posts\/3195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/comments?post=3195"}],"version-history":[{"count":1,"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/posts\/3195\/revisions"}],"predecessor-version":[{"id":3197,"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/posts\/3195\/revisions\/3197"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/media\/3196"}],"wp:attachment":[{"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/media?parent=3195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/categories?post=3195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webshopbirodalom.hu\/blog\/wp-json\/wp\/v2\/tags?post=3195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}