Weboldal gyorsaság teszt: így mérd meg 5 perc alatt, és ezt jelentik a számok

Miért fontos a weboldal gyorsaság teszt

Ha egy weboldal lassan jelenik meg, a látogató egy része nem várja meg, főleg telefonon, gyengébb mobilneten. A sebesség a Google rangsorolásában is szerepet kap: nem ez dönti el egyedül a helyezést, de egy lassú oldal hátrányból indul.

A jó hír, hogy a weboldal gyorsaság teszt ingyenes, és nem kell hozzá szakember. Öt perc alatt kiderül, hol tart az oldalad, és mi lassítja a legjobban. Ebben a cikkben lépésről lépésre végigmegyünk a mérésen, és megmutatjuk, melyik számra érdemes figyelni, és melyikre nem.

PageSpeed Insights: az első lépés

A weboldalad sebességének teszteléséhez a PageSpeed Insights a legjobb kiindulópont. Ez az eszköz segít megérteni, hogyan teljesít az oldalad mobil eszközökön, ahol a legtöbb látogatód érkezik.

1. Lépj be a pagespeed.web.dev oldalra. Ez az ingyenes eszköz gyorsan elemzi az oldalad sebességét, és részletes jelentést ad.
2. Írd be az oldalad címét. Győződj meg róla, hogy a teljes URL-t adod meg, így az eszköz pontosan azt az oldalt méri, amit szeretnél.
3. A mobil fület nézd meg először. A látogatók többsége mobilról érkezik, és a Google is a mobil változatot veszi alapul a rangsorolásnál. Ezért fontos, hogy a mobil teljesítményed legyen a fókuszban.

2 perces önellenőrzés: a mobil fülön írd fel a pontszámot, az LCP értékét (2,5 másodperc alatt jó), és nézd meg, szerepel-e a javaslatok között a „használatlan JavaScript” vagy a betűtípusok betöltése. Ha a pontszám 50 alatt van, vagy az LCP 4 másodperc fölött, érdemes vele foglalkozni.

Hogyan értelmezd a teszt jelentését

A mérés után két fő részt találsz a jelentésben: a valódi látogatói adatokat és a laboratóriumi mérést. A valódi látogatói adatok a Chrome-felhasználók elmúlt 28 napjának statisztikáit mutatják, ha az oldaladnak elegendő forgalma van. Ha a forgalom alacsony, előfordulhat, hogy nincs elég adat, de ez nem hiba. A laboratóriumi mérés szimulált környezetben történik, közepes kategóriás telefonon, lassabb mobilneten. Bár a két adat eltérhet, a valódi látogatói adatok fontosabbak, mivel közvetlenül a felhasználói élményt tükrözik.

A jelentés három fő mutatót tartalmaz, amelyek segítenek megérteni, hogyan teljesít a weboldalad. Az első az LCP (Largest Contentful Paint), amely azt méri, mennyi idő alatt jelenik meg a fő tartalom a képernyőn. A cél, hogy ez 2,5 másodperc alatt történjen meg. A második az INP (Interaction to Next Paint), amely azt mutatja, mennyi idő alatt reagál az oldal egy kattintásra vagy más interakcióra. Ennek 200 ezredmásodperc alatt kell lennie. A harmadik a CLS (Cumulative Layout Shift), ami azt méri, mennyit ugrál a tartalom betöltés közben; ennek 0,1 alatt kell maradnia.

A laboratóriumi mérés tetején egy 0-100 közötti pontszám látható, ez a laboratóriumi eredményt foglalja össze egy számban. A 90 fölötti érték zöld, ami jó teljesítményt jelent, az 50-89 közötti narancs, ami közepes, míg az 50 alatti piros, ami gyenge teljesítményt jelez. Mivel a pontszám futásonként néhány ponttal ingadozhat, érdemes háromszor mérni, és a középső értéket figyelembe venni.

Ha a valódi látogatói résznél azt látod, hogy nincs elég adat, az csak annyit jelent, hogy a Google még nem gyűjtött elég mérést a te oldaladról. Ilyenkor a laboratóriumi eredményre támaszkodj, és ugyanazzal a beállítással mérj később is, hogy a változást össze tudd hasonlítani.

Gyakori hibák a mérés során

A weboldal gyorsaság tesztelése során elkövetett hibák torzíthatják az eredményeket, félrevezetve a tulajdonosokat. Ezek elkerülhetők, ha figyelsz néhány alapvető dologra.

• Csak a főoldalt méred. Teszteld a legfontosabb aloldalakat is, mint például a szolgáltatásokat vagy termékeket bemutató oldalakat, ahová a látogatók hirdetéseken vagy kereséseken keresztül érkezhetnek.
• Bejelentkezve méred az oldalt. A bejelentkezett állapot gyakran kikapcsolja a gyorsítótárat, ami nem tükrözi a látogatók valós élményét. A PageSpeed Insights kívülről mér, így ezt elkerülheted.
• Csak asztali gépen méred a sebességet. A legtöbb látogató mobil eszközről érkezik, ezért a mobil teljesítmény mérése elengedhetetlen. A Google is a mobil változatot veszi alapul a rangsorolásnál.
• A 100 pont elérése nem mindig kifizetődő. Bár csábító lehet a maximális pontszám hajszolása, a látogatók számára fontosabb a gyors betöltési idő. 90 pont fölött a további javítások gyakran nem érik meg a befektetést.

Ha ezt a négy hibát elkerülöd, a mérésed azt mutatja, amit a látogatóid is tapasztalnak.

Mit tegyél az eredmények ismeretében

A jelentés alsó részén, a „Statisztika” és a „Diagnosztika” alatt az eszköz felsorolja, mi lassítja az oldalt, és sok tételnél azt is, mennyi időt nyernél a javításával. A legnagyobb becsült megtakarítású tétellel kezdd. Gyakori probléma a túl nagy képek használata, amelyek lassítják az oldal betöltését, ezért érdemes optimalizálni vagy kisebb méretű képeket választani.

Gyakori tétel a felesleges kód is, mint például használatlan JavaScript és CSS fájlok. Ezek eltávolításával csökkentheted az oldal méretét és gyorsíthatod a betöltést. Nézd át a betűtípus-fájlokat is. Ha túl sok különböző betűtípust használsz, az lassíthatja az oldalt. Próbálj meg kevesebb, de jól megválasztott betűtípust alkalmazni.

Egy fontos szabály: egyszerre egy dolgot változtass, és utána mérj újra. Ha egyszerre cserélsz képeket, bővítményt és betűtípust, nem fogod tudni, melyik hozta a javulást, és melyik rontott el valamit. Minden lépés után nézd meg az oldalt telefonon is: egy gyorsítás néha szétszedi a formázást vagy kikapcsol egy funkciót, ezt a pontszám nem mutatja meg. Mi a saját oldalunknál is így haladtunk: előbb a legnagyobb tétel, aztán újramérés, és csak utána a következő.

Ha további részletekre van szükséged, a GTmetrix és a WebPageTest eszközök részletesebb vízesés-diagramot biztosítanak. Ezek segíthetnek mélyebb elemzést végezni, de a kezdéshez a PageSpeed Insights is elég.

Ha nem tudod, mit jelentenek az eredmények

Ha a tesztelés után nem vagy biztos abban, mit jelentenek az eredmények, kérj szakértői segítséget. Küldd el nekünk az oldalad címét, és elvégezzük a szükséges méréseket. Ha a mérés után a javítást is ránk bíznád, a weboldal-gyorsítás oldalunkon látod, hogyan dolgozunk és mit vállalunk.

Miután megvizsgáltuk a weboldalad, megmondjuk, mely területeken érdemes javítani. Így pontos képet kapsz arról, milyen lépéseket kell megtenned a jobb teljesítmény érdekében. A saját oldalunkat mobilon 28 pontról 98-ra vittük, a részleteket ebben a cikkben írtuk le.

Ha személyre szabott tanácsadást szeretnél, ajánlatkérés formájában is megkereshetsz minket. Így pontosan meghatározhatjuk, mennyibe kerülne a szükséges fejlesztések megvalósítása. A weboldal-üzemeltetés során is fontos, hogy a sebesség optimalizálása folyamatosan napirenden legyen a látogatói élmény javítása érdekében.