Al\u00e1bbi cikk\u00fcnkb\u0151l v\u00e1laszt kaphatsz ezekre a k\u00e9rd\u00e9sekre \u00e9s megismerheted a Profit\u00e1rhely<\/a> legkedveltebb t\u00e1rhely megold\u00e1sait.<\/p>\n\n\n\n Minden oldalbet\u00f6lt\u00e9s sor\u00e1n eltelt m\u00e1sodperc nagyj\u00e1b\u00f3l 10%-os l\u00e1togat\u00f3veszt\u00e9st jelent. K\u00fcl\u00f6n\u00f6sen \u00e9rz\u00e9kenyek a sebess\u00e9gre a mobileszk\u00f6zr\u0151l b\u00f6ng\u00e9sz\u0151k<\/strong>: a Google mobil bet\u00f6lt\u00e9si sebess\u00e9gr\u0151l sz\u00f3l\u00f3 2016-os tanulm\u00e1nya<\/a> szerint, ha egy weboldal 3 m\u00e1sodpercn\u00e9l lassabban t\u00f6lt\u0151dik be mobilon, azt a l\u00e1togat\u00f3k t\u00f6bb mint fele meg sem v\u00e1rja.<\/p>\n\n\n\n M\u00e1rpedig \u00e9rdemes odafigyelni a mobiloz\u00f3kra, hiszen manaps\u00e1g a weboldal tev\u00e9kenys\u00e9gi k\u00f6r\u00e9t\u0151l f\u00fcgg\u0151en ak\u00e1r 60-70%<\/strong> is lehet az ar\u00e1nyuk. A Google arra is felh\u00edvja a figyelmet, hogy az emberek t\u00f6bb mint fele elv\u00e1rja, hogy a weboldal kevesebb mint 2 m\u00e1sodperc alatt<\/strong> t\u00f6lt\u0151dj\u00f6n be.<\/p>\n\n\n\n\n A weboldalsebess\u00e9g a Google egyik legfontosabb rangsorol\u00e1si t\u00e9nyez\u0151je. Ha SEO szakemberrel dolgozol, olyat v\u00e1lassz, akinek evidens, hogy a technikai keres\u0151optimaliz\u00e1l\u00e1s<\/strong> sor\u00e1n figyelmet kell ford\u00edtani a gyorsas\u00e1gra. Ak\u00e1r a Google Search Console is felh\u00edvhatja r\u00e1 a figyelmedet egy \u00e9rtes\u00edt\u00e9s form\u00e1j\u00e1ban, hogy ha t\u00fal lass\u00fa vagy. Ugye haszn\u00e1lod?<\/p>\n\n\n\n Nem csak a keres\u0151\u00f3ri\u00e1s b\u00fcntet h\u00e1trasorol\u00e1ssal, ha az \u00e1tlagosn\u00e1l lassabb a weboldalad. A Facebook is alacsonyabb el\u00e9r\u00e9ssel <\/strong>s\u00fajtja azokat a hirdet\u00e9seket \u00e9s organikus posztokat, amelyekben lass\u00fa oldalra mutat\u00f3 link szerepel.<\/p>\n\n\n\n Hogy m\u0171k\u00f6dik ez a gyakorlatban?<\/strong> K\u00e9pzeld el, mintha egy kis man\u00f3 azon \u00fcgyk\u00f6dne, hogy rangsorolja a h\u00edrfolyamodon megjelen\u0151 tartalmakat, ak\u00e1r a Social Dilemma c\u00edm\u0171 filmben<\/a>. Nemcsak azt veszi figyelembe, hogy t\u00e9ged mi \u00e9rdekelne ink\u00e1bb, hanem azt is, hogy melyik oldal milyen gyorsan t\u00f6lt\u0151dne be. \u00cdgy akkor is j\u00f3val h\u00e1tr\u00e9bb sorolhatja a te hirdet\u00e9sedet, ha az j\u00f3 es\u00e9llyel \u00e9rdekeln\u00e9 a felhaszn\u00e1l\u00f3t.<\/p>\n\n\n\n A szervert\u0151l eg\u00e9szen a b\u00f6ng\u00e9sz\u0151ig sz\u00e1mos dolog befoly\u00e1solhatja, hogy milyen gyorsan t\u00f6lt be a weboldalad a l\u00e1togat\u00f3nak. Ezek jelent\u0151s r\u00e9sz\u00e9re hat\u00e1ssal tudsz lenni, \u00fagyhogy nem \u00e9rdemes figyelmen k\u00edv\u00fcl hagynod \u0151ket.<\/p>\n\n\n\n Ha valaki megl\u00e1togatja a weboldalad, akkor a b\u00f6ng\u00e9sz\u0151 tov\u00e1bb\u00edt egy k\u00e9r\u00e9st a szerver sz\u00e1m\u00e1ra, hogy mutassa meg a felhaszn\u00e1l\u00f3nak a tartalm\u00e1t. Ezt nevezz\u00fck HTTP-lek\u00e9r\u00e9snek. A b\u00f6ng\u00e9sz\u0151 ugyanakkor nem k\u00e9pes az \u00f6sszes k\u00e9pet, plugint \u00e9s sz\u00f6veges tartalmat <\/strong>egyszerre megjelen\u00edteni. Min\u00e9l t\u00f6bb alkot\u00f3elemb\u0151l \u00e1ll \u00f6ssze az oldalad, ann\u00e1l t\u00f6bb lesz a HTTP-lek\u00e9r\u00e9s<\/strong>, ami lass\u00edthatja az oldalt.<\/p>\n\n\n\n HTTP 1.x eset\u00e9n minden elem k\u00fcl\u00f6n HTTP lek\u00e9r\u00e9ssel ker\u00fcl a b\u00f6ng\u00e9sz\u0151be, HTTP 2.0-t\u00f3l kezdve pedig egy lek\u00e9r\u00e9sben a szerver t\u00f6bb elemet is el tud k\u00fcldeni. Ez jelent\u0151s sebess\u00e9gn\u00f6veked\u00e9st okoz azokn\u00e1l az oldalakn\u00e1l, amelyek sok elemb\u0151l \u00e1llnak. A HTTP protokollt a t\u00e1rhelyszolg\u00e1ltat\u00f3d biztos\u00edtja sz\u00e1modra, te nem tudod be\u00e1ll\u00edtani \u2013 \u00e9ppen ez\u00e9rt \u00e9rdemes ez alapj\u00e1n is megfontolnod a t\u00e1rhelyv\u00e1laszt\u00e1st.<\/p>\n\n\n\n A teljes m\u00e9ret\u0171 k\u00e9pek, a felesleges GIF-ek \u00e9s vide\u00f3k lass\u00edtj\u00e1k a weboldalad. Az is jelent\u0151s lassul\u00e1st eredm\u00e9nyez, ha a k\u00e9pek nincsenek mobilra optimaliz\u00e1lva.<\/p>\n\n\n\n El\u0151fordulat, hogy a szerver miatt lass\u00fa a bet\u00f6lt\u00e9s, vagyis a t\u00e1rhelyszolg\u00e1ltat\u00f3 \u00e1ll a h\u00e1tt\u00e9rben. Nem mindegy ugyanis, a t\u00e1rhelyed milyen szervereket haszn\u00e1l, azok t\u00fal vannak-e terhelve, \u00e9s hogy le\u00e1ll\u00e1s eset\u00e9n van-e helyettes\u00edt\u0151j\u00fck.<\/p>\n\n\n\n A Profit\u00e1rhely szerverei <\/strong>p\u00e9ld\u00e1ul redund\u00e1ns rendszerben m\u0171k\u00f6dnek, ami azt jelenti, hogy mindennek van tartal\u00e9ka a rendszerben. Egy szerver kies\u00e9se eset\u00e9n az azon fut\u00f3 szolg\u00e1ltat\u00e1sokat azonnal elind\u00edtjuk tartal\u00e9k szervereken.<\/p>\n\n\n\n Az elavult b\u0151v\u00edtm\u00e9nyek is hat\u00e1ssal lehetnek az oldalad sebess\u00e9g\u00e9re. Ezeket aj\u00e1nlott gyakran friss\u00edteni. Ilyenkor \u00e9rdemes \u00e1tgondolnod, hogy egy\u00e1ltal\u00e1n sz\u00fcks\u00e9ged van-e r\u00e1juk. A nem haszn\u00e1lt pluginek k\u00f6nnyen felhalmoz\u00f3dhatnak, \u00e9s lelass\u00edthatj\u00e1k az oldalt.<\/p>\n\n\n\n Emellett biztons\u00e1gi kock\u00e1zattal is j\u00e1rhatnak, ugyanis egy t\u00e1mad\u00f3 a nem haszn\u00e1lt pluginekben l\u00e9v\u0151 biztons\u00e1gi hi\u00e1nyoss\u00e1gokat is kihaszn\u00e1lhatja, \u00e9s ezzel illet\u00e9ktelen hozz\u00e1f\u00e9r\u00e9st szerezhet a t\u00e1rhelyeden.<\/p>\n\n\n\n L\u00e9nyeges tudnod, hogy a haszn\u00e1latban l\u00e9v\u0151 pluginek is jelenthetnek ilyen kock\u00e1zatot, \u00e1m ezek friss\u00edt\u00e9s\u00e9vel elker\u00fclhet\u0151 a probl\u00e9ma.<\/a> Ezzel szemben a kikapcsolt pluginek friss\u00edt\u00e9s\u00e9r\u0151l k\u00f6nny\u0171 megfeledkezni, \u00edgy a ‘kikapcsolt \u00e1llapot’ hamis biztons\u00e1g\u00e9rzetet okoz.<\/p>\n\n\n\n Ma m\u00e1r k\u00f6telez\u0151 a weboldaladat mobilra \u00e9s tabletre optimaliz\u00e1lni, mert egyre t\u00f6bben b\u00f6ng\u00e9sznek ezekr\u0151l a k\u00e9sz\u00fcl\u00e9kekr\u0151l. Ez a magyar internethaszn\u00e1lati kutat\u00e1s<\/a> azt is megmutatja, hogy a k\u00fcl\u00f6nb\u00f6z\u0151 tematik\u00e1j\u00fa oldalakat mobilr\u00f3l, asztali g\u00e9pr\u0151l vagy munkahelyi PC-r\u0151l n\u00e9zik az emberek.<\/p>\n\n\n\n Min\u00e9l gyorsabb, ann\u00e1l jobb. Hiszen minden m\u00e1sodperc t\u00f6bb oldalmegtekint\u00e9st jelent, ami pedig t\u00f6bb \u00e9rt\u00e9kes\u00edt\u00e9st eredm\u00e9nyez.<\/p>\n\n\n\n Egy szakmai anyag sem mondja ki kerek perec, hogy mikor el\u00e9g gyors a weboldalad \u00e9s mikor lass\u00fa. De szerencs\u00e9re van sok m\u00e9r\u0151sz\u00e1m, amib\u0151l k\u00f6vetkeztethetsz. El\u0151sz\u00f6r technikai tippeket adunk, de k\u00e9s\u0151bb design f\u00f3kusz\u00fa tan\u00e1csokat is olvashatsz.<\/p>\n\n\n\n A Google PageSpeed Insights<\/a> 1-100-ig terjed\u0151 sk\u00e1l\u00e1n \u00e9rt\u00e9keli a honlapodat. 85 felett m\u00e1r kiemelked\u0151en gyors oldalt tudhatsz magad\u00e9nak. Ha nem \u00e9red el ezt a sz\u00e1mot, akkor a Google t\u00f6bb javaslattal is szolg\u00e1l, hogyan tudod jav\u00edtani az \u00e9rt\u00e9kel\u00e9sed.<\/p>\n\n\n\n A Query Monitor<\/strong> \u00e9s a NewRelic <\/strong>eszk\u00f6z\u00f6k pedig konkr\u00e9tan azt mutatj\u00e1k meg, hogy hol akad meg a bet\u00f6lt\u00e9sben az oldalad. Ebb\u0151l m\u00e1r k\u00f6vetkeztethetsz a probl\u00e9m\u00e1ra. \u00c9rdemes \u00f6sszevetni a sebess\u00e9gedet a fontos konkurenci\u00e1iddal is.<\/p>\n\n\n\n A Lighthouse<\/strong> is hasonl\u00f3an m\u0171k\u00f6dik, mint a Google PageSpeed Insights. Amellett, hogy h\u00e1ny m\u00e1sodperc alatt t\u00f6lt be a weboldalad<\/strong> („Speed index”), m\u00e9g van egy-k\u00e9t SEO szempontb\u00f3l fontos mutat\u00f3, amit \u00e9rdemes figyelned:<\/p>\n\n\n\n A GTMetrix<\/strong> seg\u00edts\u00e9g\u00e9vel r\u00e9szletesen elemezheted a weboldalad bet\u00f6lt\u00e9si folyamat\u00e1t a b\u00f6ng\u00e9sz\u0151ben, \u00e9s hasznos tan\u00e1csokat kaphatsz a weboldal gyors\u00edt\u00e1s\u00e1hoz. N\u00e9zd meg a Waterfall elemz\u00e9st, \u00e9s l\u00e1tni fogod, hogy a weboldal elemei milyen sorrendben t\u00f6lt\u0151dnek le a szerverr\u0151l, \u00e9s azt is, ha valahol t\u00fal sok\u00e1ig elakad a bet\u00f6lt\u00e9s.<\/p>\n\n\n\n A Lighthouse egyik eszk\u00f6z\u00e9vel, a Website Graderrel azt is megn\u00e9zheted, h\u00e1ny http-lek\u00e9r\u00e9st k\u00fcld a te weboldalad<\/a> a szervernek. Hogyan tudod cs\u00f6kkenteni a lek\u00e9r\u00e9sek sz\u00e1m\u00e1t, ha a m\u00e9r\u0151eszk\u00f6z\u00f6k soknak \u00e9rt\u00e9kelik?<\/p>\n\n\n\n A tartalmi gyors\u00edt\u00f3t\u00e1raz\u00e1s azt jelenti, hogy akinek egyszer m\u00e1r bet\u00f6lt\u00f6tt a weboldalad, annak visszat\u00e9r\u00e9skor kevesebb HTTP-lek\u00e9r\u00e9ssel is megjelenik majd a tartalom. Ennek a hat\u00e1s\u00e1t akkor \u00e9rezheted legink\u00e1bb, ha viszonylag sok a visszat\u00e9r\u0151 l\u00e1togat\u00f3d, v\u00e1s\u00e1rl\u00f3d.<\/p>\n\n\n\n Alapszab\u00e1ly, hogy a design funkcionalit\u00e1s\u00e1ban<\/strong> \u00e9s megjelen\u00e9s\u00e9ben<\/strong> is a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt szolg\u00e1lja. Azaz ne k\u00e9rj a designert\u0151l futurisztikus, csilivili megold\u00e1sokat, ha azok nem teszik k\u00f6nnyebben \u00e9rthet\u0151v\u00e9, \u00e1tl\u00e1that\u00f3v\u00e1 a weboldalad tartalm\u00e1t. A kevesebb n\u00e9ha t\u00f6bb.<\/p>\n\n\n\n Ha profi marketing-sz\u00f6veg\u00edr\u00f3val dolgozol, akkor \u0151 javaslatot fog tenni a weboldal fel\u00e9p\u00edt\u00e9s\u00e9re, \u00e9s ennek megfelel\u0151en \u00edrja meg a sz\u00f6veget. Ezut\u00e1n j\u00f6n k\u00e9pbe a webdesigner, aki megtervezi a sz\u00f6veg megjelen\u00e9s\u00e9t.<\/p>\n\n\n\n Ha a bemutatkoz\u00f3 oldalad te magad rakod \u00f6ssze, akkor ezeket a tippeket \u00e9rdemes megfogadnod:<\/strong><\/p>\n\n\n\n El\u0151sz\u00f6r is vedd g\u00f3rcs\u0151 al\u00e1 a jelenlegi weboldaladon l\u00e9v\u0151 k\u00e9peket. Gondold \u00e1t, hogy val\u00f3ban bet\u00f6ltenek-e valamilyen fontos funkci\u00f3t, vagy csak a hely kit\u00f6lt\u00e9s\u00e9re szolg\u00e1lnak.<\/p>\n\n\n\n Ezut\u00e1n a megmaradt k\u00e9peket optimaliz\u00e1ld. A k\u00e9plet\u00f6lt\u0151 oldalakr\u00f3l kis m\u00e9retben <\/strong>t\u00f6ltsd le a fot\u00f3kat, a teljes m\u00e9ret\u0171 fot\u00f3k ugyanis \u00f3ri\u00e1si t\u00e1rhelyet foglalnak. Egy webshopn\u00e1l ez m\u00e1r sz\u00e1mottev\u0151 lehet.<\/p>\n\n\n\n Nem mindegy a form\u00e1tum sem: ahol lehets\u00e9ges, PNG fot\u00f3k helyett haszn\u00e1lj JPG-t<\/strong>. L\u00e9nyeges tudnod azonban, hogy JPG form\u00e1tumban a k\u00e9pmin\u0151s\u00e9g romlik. F\u00e9nyk\u00e9pek eset\u00e9n nem l\u00e1that\u00f3 a v\u00e1ltoz\u00e1s, \u00e1m a kont\u00faros vagy vonalakb\u00f3l \u00e1ll\u00f3 grafik\u00e1k eset\u00e9n maradj a PNG-n\u00e9l.<\/p>\n\n\n\n Ne feledkezz meg itt sem a mobilra optimaliz\u00e1l\u00e1sr\u00f3l. T\u00f6rekedj r\u00e1, hogy egy k\u00e9p m\u00e9rete ne haladja meg a 70 kb-ot.<\/p>\n\n\n\n Ha te mindent megtett\u00e9l, de a weboldalad m\u00e9g mindig nem t\u00f6lt be el\u00e9g gyorsan, vagy gyakran egy\u00e1ltal\u00e1n nem jelenik meg, akkor \u00e1ltal\u00e1ban a szervern\u00e9l van a gond, vagyis a t\u00e1rhelyszolg\u00e1ltat\u00f3 \u00e1ll a h\u00e1tt\u00e9rben. Nem mindegy ugyanis, a t\u00e1rhelyed milyen szervereket haszn\u00e1l.<\/p>\n\n\n\n Ellen\u0151rizd, garant\u00e1lnak-e 99,9%-os rendelkez\u00e9sre \u00e1ll\u00e1st \u2013 ha igen, akkor jellemz\u0151en a szerverek redund\u00e1ns rendszerben m\u0171k\u00f6dnek, vagyis minden szervernek van tartal\u00e9ka a h\u00e1tt\u00e9rben.<\/p>\n\n\n\nMi\u00e9rt fontos a gyors weboldal?<\/h2>\n\n\n\n
![\"Blog](\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2023\/01\/Profit\u00e1rhely-blog-banner.png\")
\r\n <\/a>\n \n\n<\/div>\n\n\n\n\nA Google \u00e9rt\u00e9keli a sebess\u00e9get (SEO)<\/h3>\n\n\n\n
A Facebook is b\u00fcnteti a lass\u00fa oldalakat<\/h3>\n\n\n\n
Mit\u0151l f\u00fcgg a weboldal gyorsas\u00e1ga?<\/h2>\n\n\n\n
HTTP lek\u00e9r\u00e9sek sz\u00e1ma<\/h3>\n\n\n\n
HTTP protokoll<\/h3>\n\n\n\n
K\u00e9pek, multim\u00e9dia f\u00e1jlok m\u00e9rete<\/h3>\n\n\n\n
T\u00e1rhelyszolg\u00e1ltat\u00f3<\/h3>\n\n\n\n
Elavult vagy nem haszn\u00e1lt pluginek<\/h3>\n\n\n\n
Reszponz\u00edv-e a weboldal<\/h3>\n\n\n\n
Milyen az ide\u00e1lis oldalbet\u00f6lt\u00e9si sebess\u00e9g?<\/h2>\n\n\n\n
Hogyan m\u00e9rheted a weboldalad sebess\u00e9g\u00e9t?<\/h2>\n\n\n\n
\n
5 tipp, hogyan gyors\u00edtsd fel a weboldalad<\/h2>\n\n\n\n
1. HTTP-lek\u00e9r\u00e9sek sz\u00e1m\u00e1nak cs\u00f6kkent\u00e9se<\/h3>\n\n\n\n
\n
2. Gyors\u00edt\u00f3t\u00e1raz\u00e1s<\/h3>\n\n\n\n
3. Webdesign \u00e1tgondol\u00e1sa<\/h3>\n\n\n\n
\n
4. K\u00e9pek optimaliz\u00e1l\u00e1sa<\/h3>\n\n\n\n
Eszk\u00f6z\u00f6k kicsiny\u00edt\u00e9shez, t\u00f6m\u00f6r\u00edt\u00e9shez<\/h4>\n\n\n\n
\n
5. T\u00e1rhelyszolg\u00e1ltat\u00f3 v\u00e1lt\u00e1sa<\/h3>\n\n\n\n