Miért lassú a weboldalam?

Röviden: A weboldalak lassúságát leggyakrabban a túl nagy képek, a sok bővítmény és külső szkript, a gyenge tárhely, valamint a hiányzó tömörítés és gyorsítótár okozza. A Google három mutatót figyel: a betöltést (LCP, jó, ha 2,5 másodperc alatt van), a reakcióidőt (INP, jó, ha 200 ezredmásodperc alatt van) és az elcsúszást (CLS, jó, ha 0,1 alatt van).

A legtöbben akkor veszik észre, hogy baj van, amikor egy ügyfél megjegyzi: „próbáltam megnézni az oldaladat, de nem jött be”. Pedig a lassúság sokszor már hónapok óta ott van, csak a saját gépeden, gyors wifin nem tűnik fel.

Miért számít a sebesség?

Egyrészt az emberek türelmetlenek, főleg telefonon. Másrészt a Google is méri, mennyire gyors és stabil egy oldal, és ezt figyelembe veszi a rangsorolásnál. Három mutatót néz, ezeket Core Web Vitalsnak hívják:

• LCP (betöltés): mennyi idő alatt jelenik meg az oldal legnagyobb eleme. Jó, ha 2,5 másodpercen belül.
• INP (reakcióidő): milyen gyorsan reagál az oldal egy kattintásra. Jó, ha 200 ezredmásodperc vagy kevesebb.
• CLS (elcsúszás): mennyit ugrálnak az elemek betöltés közben. Jó, ha 0,1 vagy kevesebb.

A 7 leggyakoribb ok

1. Túl nagy képek. Egy telefonnal készült fotó könnyen 5–8 MB, miközben a weboldalon elég lenne belőle pár száz kilobájt. Méretezd át, és mentsd modern formátumban (WebP vagy AVIF). Ez a leggyorsabb javítás, és sokszor önmagában is látványos.
2. Túl sok bővítmény és külső szkript. Chatablak, közösségimédia-beágyazás, többféle mérőkód, csúszkák. Mindegyik külön letöltés, és sokszor egymást is lassítják. Ami nem hoz hasznot, azt érdemes kivenni.
3. Gyenge vagy túlterhelt tárhely. A legolcsóbb csomagokon sok weboldal osztozik ugyanazon a szerveren. Ha lassú a szerver válaszideje, a legjobb oldal is lassú lesz.
4. Nincs tömörítés és gyorsítótár. A szerver be tudja tömöríteni a fájlokat, a böngésző pedig elmentheti őket, hogy a következő látogatáskor ne kelljen újra letölteni. Ez sokszor csak egy beállítás.
5. Sok betűtípus és külső erőforrás. Minden plusz betűtípus és vastagság újabb fájl. Kettő-három betűváltozat általában bőven elég.
6. Túlpakolt sablon. A „mindent tudó” sablonok rengeteg olyan kódot is betöltenek, amit az oldalad sosem használ.
7. Mobilon ugráló elemek. Ha a képeknek nincs megadva a mérete, betöltés közben eltolják a szöveget. Ez rontja a CLS-t, és a látogató mellé kattint.

A leggyorsabb oldal az, amelyik csak azt tölti be, amire tényleg szükség van.

Hogyan mérheted meg a saját oldaladat?

A legegyszerűbb a Google ingyenes PageSpeed Insights eszköze. Beírod a weboldalad címét, és pár másodperc múlva látod a mobil és az asztali eredményt, a javítási javaslatokkal együtt. Érdemes a mobilos számokat nézni, mert a látogatók nagy része telefonról jön.

Mit tehetsz programozói tudás nélkül?

• Tömörítsd a képeket feltöltés előtt.
• Nézd át, milyen bővítmények és beágyazások vannak az oldalon, és ami nem kell, töröld.
• Kérdezd meg a tárhelyszolgáltatót, be van-e kapcsolva a tömörítés és a gyorsítótár.
• Ha a sablon a lassú, fontold meg az átállást egy könnyebb, egyedi felépítésű oldalra.

Gyakori kérdések