Miért veszélyes egy „szép“ de lassú weboldal?
Van az a weboldal, amire ránéz az ember, és tényleg szép. Jó színek, nagy képek, modern hatás.
Aztán megnyitja telefonon, és vár.
Ez a baj. Egy helyi szolgáltatónál a látogató nem mindig türelmes érdeklődő. Lehet, hogy épp csőtörése van, elment az áram, vagy azonnal időpontot keres. Ha az oldal lassan tölt be, nem fogja megvárni, hogy végre megjelenjen a szép dizájn.
Bezárja. Megnyitja a következő találatot.
Van weboldalunk, szép is, de valahogy mégsem jönnek a hívások.
Ezt sokszor hallani. Ilyenkor érdemes először nem a szöveget vagy a logót nézni, hanem a mobilos sebességet.
A dizájnt az ember látja. A Google viszont méri az oldalt. Milyen gyorsan jelenik meg a fő tartalom? Ugrál-e az oldal betöltés közben? Reagál-e rendesen, ha valaki megnyom egy gombot?
Ha ezek rosszak, az oldal hátrányból indul. Akkor is, ha drága volt.
Mit mér a Google?
A Google több sebességi és használhatósági adatot néz. Ezek közül a legismertebbek a Core Web Vitals mutatók.
Az LCP azt méri, mikor jelenik meg az oldal fő tartalma. Ez lehet a nagy nyitókép, a főcím vagy egy fontos blokk. Ha ez sokáig nem látszik, a látogató üres vagy félig betöltött oldalt néz.
Az INP azt mutatja, mennyire gyorsan reagál az oldal egy kattintásra vagy érintésre. Ha valaki megnyomja a hívás gombot, és az oldal gondolkodik, az már rossz élmény.
A CLS pedig azt figyeli, ugrál-e az oldal betöltés közben. Ismeri azt, amikor rá akar kattintani valamire, de közben betölt egy kép, és a gomb arrébb csúszik? Na, ezt méri.
Ezek nem fejlesztői finomságok. Ezek azt mutatják, mennyire használható az oldal mobilon.
Valós példa: DrainFix Budapest
A DrainFix Budapest egy angol nyelvű, budapesti duguláselhárító oldal, amit én építettem. Direkt gyors, egyszerű, statikus oldalnak készült.
A PageSpeed Insights mobilos mérése:
| Metrika | Érték |
|---|---|
| Teljesítmény pontszám | 99 / 100 |
| First Contentful Paint | 0,9 mp |
| Largest Contentful Paint | 1,1 mp |
Ez nem WordPress sablon, és nem Wix. Kevés felesleges kód van rajta, a képek optimalizálva vannak, és nincs rajta olyan plugin, ami csak azért tölt be, mert egyszer talán kelleni fog.
Az oldal szűk piacra készült, mégis stabilan megjelenik több releváns keresésre. Nem állítom, hogy csak a sebesség miatt. A tartalom és a célzás is számít. De a gyors technikai alap sokat segít abban, hogy ne saját magát húzza vissza az oldal.
Ön is megnézheti a mérést itt: PageSpeed Insights eredmény
Mitől lassul le egy weboldal?
Nem kell nagy, látványos hiba. Elég néhány rossz döntés.
A túl nagy képek például nagyon gyakoriak. Egy eredeti fotó mobilon több megabájt is lehet. Ha ezt az oldal változtatás nélkül tölti be, a látogató várni fog.
WordPress oldalon a pluginok is könnyen összeadódnak. Egy plugin az űrlaphoz, egy a galériához, egy a sütikhez, egy a biztonsághoz, egy a sebességhez, egy a keresőoptimalizáláshoz. Mindegyik betölt valamit. A végén már senki nem tudja pontosan, mi lassít.
A nehéz sablonokkal is ez a gond. Sok olyan funkciót tartalmaznak, amit az oldal soha nem használ, de a kód attól még ott van.
Az animációk külön csapda. Egy beúszó elem vagy parallax hatás jól nézhet ki, de ha közben a fő üzenet később jelenik meg, akkor nem segít, hanem árt.
És persze ott a mobil. Sok oldal asztali gépen még elfogadható, telefonon viszont csak összenyomódik. A képek nagyok maradnak, a gombok kényelmetlenek, a betöltés lassú.
Mit veszít egy lassú oldallal?
Először is Google-helyezést. Ha két hasonló oldal versenyez, és az egyik gyorsabb, használhatóbb mobilon, az előnyben lehet.
Másodszor hívásokat. A Google saját mérései szerint, ha az oldal 1 másodpercről 3 másodpercre lassul, jelentősen nő a visszalépések aránya. 5 másodpercnél már sok látogató egyszerűen eltűnik.
Egy helyi szolgáltatónál ez nem elméleti szám. Ha valaki megtalálja az oldalt, de nem várja meg, hogy betöltsön, soha nem fogja látni a telefonszámot.
Hirdetésnél is fájhat. Google Ads esetén a céloldal minősége beleszámíthat abba, mennyibe kerül a kattintás, és milyen helyen jelenik meg a hirdetés. Lassú oldalra drágább forgalmat vinni különösen bosszantó: fizet érte, aztán a látogató elmegy.
Hogyan ellenőrizze az oldalát?
Nyissa meg a PageSpeed Insights oldalt, írja be a weboldala címét, és nézze meg a mobilos eredményt.
Ne csak a 0 és 100 közötti pontszámot figyelje. Az jó iránytű, de nem minden. Nézze meg, mit ír a fő tartalom megjelenéséről, a képekről, a felesleges JavaScriptről és a mobilos használhatóságról.
Nagyjából így érdemes gondolkodni:
- 90 felett jó az alap
- 50 és 89 között van mit javítani
- 50 alatt már valószínűleg hívásokat veszít
Ha az eredmény tele van technikai szöveggel, és nem egyértelmű, mi számít belőle, nem Önnel van a baj. A PageSpeed fejlesztőknek is szól, nem csak cégtulajdonosoknak.
Ingyenes sebesség-elemzés
Ha szeretné, megnézem az oldalát mobilos sebesség, Google szempontok és ügyfélszerzés alapján.
Nem automata riportot küldök. Megnézem, mi lassítja, mi sürgős, és mi az, ami ráér.
Megnézzem az oldalát?
Elég pár adat. Átnézem az oldalt, és általában 1 munkanapon belül visszajelzek.
Gyakori kérdések
- Miért lassú az oldalam, ha nekem gyors az internetem?
- Számít az internet kapcsolat sebessége, de az oldal sebessége nem az internetkapcsolattól függ, hanem attól, hogyan van megépítve. Egy rosszul optimalizált oldal akkor is lassú lesz, ha Ön gigabites netet használ. Amint az ügyfél mobilon, gyengébb internetkapcsolat eléréssel nyitja meg, meg is van a baj.
- A mobilos sebesség tényleg fontosabb az asztali gépnél?
- Igen. A helyi szolgáltatókra irányuló keresések nagy többsége mobilról érkezik: valaki épp bajban van, és gyorsan keres megoldást. A Google is elsősorban a mobilos verziót nézi (ezt hívják mobile-first indexingnek).
- Elég, ha a PageSpeed Insights 90 pont felett van?
- A 90+ jó kiindulópont. De a pontszám egy összesítő. Az egyedi metrikák (főleg az LCP) árnyaltabb képet adnak. Az audit során ezeket külön is megvizsgálom.
- WordPress-szel is lehet gyors oldalt csinálni?
- Igen, de nehezebb. Alapból sok felesleges kód kerül bele, és a pluginek könnyen rontanak a helyzeten. Egy jól felépített, gondosan karbantartott, minimális plugines WordPress oldal elérheti a 80-95 pontot, de a 100-as tartomány általában más technológiával reális.
- Hogyan lehet gyors egy szép weboldal?
- Úgy, hogy eleve sebességre van tervezve. A sebesség nem utólagos javítás kérdése, hanem az elején hozott döntések eredménye. Megfelelő technológia, optimalizált képek, felesleges scriptek elhagyása: ezek együtt hozzák a 100-as pontszámot.
- Mennyibe kerül egy gyors weboldal?
- Ez attól függ, mi van most. Egy meglévő oldal javítása más feladat, mint egy új, gyors oldal felépítése. Az auditból kiderül, melyik irány reálisabb, és melyik éri meg jobban.
Ha hasznosnak találta ezt a cikket, nézze meg a többi cikket is:
← Mit néz meg az ügyfél az első 5 másodpercben?WordPress vagy egyedi oldal — Mire van szüksége egy helyi szolgáltatónak? →