A Google PageSpeed Insights reportról
A Google PageSpeed Insights egy weboldal elemző és tesztelő eszköz. Elsősorban a felhasználói élmény szemszögéből szolgál hasznos útmutatóul. Ez a bejegyzés a magyar nyelvű változathoz készült és több korrekciót is tartalmaz, amivel a Google dokumentáció hiányosságait és a félrefordításokat is érthetővé teszi.
A Google PageSpeed Insights és a Lighthouse kapcsolata
A Google PageSpeed Insights a Lighthouse-t használja az oldalak elemzéséhez. A Lighthouse egy nyílt forráskódú, automatizált eszköz a weboldalak minőségének javításához. Futtathatod bármely nyilvános vagy hitelesítést igénylő weboldalon. Ellenőrzi a teljesítményt, az akadálymentességet, a progresszív webalkalmazásokat, a SEO-t és sok hasznos elemet.
A legtöbb böngésző, pl. a Chrome, Firefox és az Opera is tartalmazza és a fejlesztői eszközök között találod. Természetes ott lényegesen részletesebb elemzést kapsz, mint a PageSpeed Insights-ban.
Ha igazán részletes elemzést szeretnél, akkor létezik telepíthető verzióban is. Ezt parancssorból is lehet futtatni. A Google PageSpeed Insightshoz hasonlóan tudod beállítani, ha az alábbi paramétereket használod:
npx lighthouse –throttling.cpuSlowdownMultiplier=6 –throttling.rttMs=120 https://aweboldalad.hu –view
Sokan erősnek találják azokat a tesztadatokat, amiket ezek alapján kapnak. Nem azok. Ezek egy Moto G4 mobiltelefon és egy közepes 4G-s hálózatnak felelnek meg. Nyilván vannak ennél sokkal jobb telefonok és már több helyen 5G is elérhető, de ha az oldaladat optimalizálni szeretnéd, akkor érdemes úgy megcsinálni, hogy minél több felhasználó tudja böngészni.
Azért is érdemes még a Lighthouse-t használni, mivel a Google ennek segítségével rangsorolja az oldalakat. 2021 májusára lengették be az algoritmus frissítést, ahol ezt még szigorúbban figyelembe fogják venni.
A Google PageSpeed Insights report értelmezése
Az összesített pontszám gondolom egyértelmű. Minél több, annál jobb. 100 a maximum 50 alatt pedig gond van. 80-90 pont körül már teljesen jónak mondható egy oldal.
Mező adatai
Ez egy elég szerencsétlen fordítás, bár nem tudom hogyan lehetett volna jobban. A Field egy szakzsargon. Lényegében azt takarja, hogy a valóságban a Google által összegyűjtött felhasználói adatokból hogyan teljesített az oldal.
Origin Summary
Szintén a valós adatokra vonatkozik. Nem csak az aktuálisan tesztelt oldalra, hanem a teljes domain tartományra.
Tesztadatok
A főbb teljesítményadatokat foglalja össze. Ezek azok a tényezők amik alapján a Google PageSpeed Insights a végleges pontszámokat számítja.
Készítettek hozzá egy jópofa játékszert a Lighthouse Scoring Calculatort
Érdemes vele egy kicsit szórakozni, bár sok gyakorlati haszna nincs. Mindenesetre látványos. Na jó azért nem egy 3D-s játék…
Lehetőségek
Ezek a javaslatok segíthetnek az oldalbetöltés felgyorsításában. Mindazonáltal a teljesítménypontszámra nincs közvetlen hatásuk.
Hogy egyértelmű legyen, ezek azok az értékek, amik hatással vannak a teljesítménypontszámra, mert a mutatók ez alapján számítódnak. Szóval matematikai értelemben nincs közvetlen hatásuk rá. Nem mennék bele a filozófiai és nyelvtani mélységeibe ezért egyértelműsítem: Többek között ezeket kell kijavítani, ha jobb pontszámot szeretnél.
Pl.: a szerver válaszidő legtöbbször azért mutat rossz értéket, mert vagy nincs beállítva Page Cache, vagy rosszul van beállítva, vagy épp pihizik a szerver, vagy elfáradt 🙂 Mindenesetre ez befolyásolja a Speed Indexet. A Speed Index pedig a fenti kalkulátor alapján 15%-ot nyom a latban.
Diagnosztika
Az eddigiek is azok voltak. Valahogy mégiscsak pontokba kellett szedni, hogy legyen valami struktúrája a reportnak. Ezeket is erősen ajánlott javítani.
Sikeresen teljesített ellenőrzések
Ezek azok, amiknek örülünk és jó esetben nincs vele további teendőnk. Illetve érdemes még más teszteket is lefuttatni, ha nagyon alaposak szeretnénk lenni.
Mobil és asztali nézet a Google PageSpeed Insightsban
Érdemes mind a két tesztet kielemezni, hiszen sok reszponzív oldalt úgy oldanak meg, hogy a mobil nézetet „lebutítják”.
Az esetek 99%-ban az asztali nézet jobban teljesít ezért az optimalizálással foglalkozó szakemberek ezt villantják fel referenciaként. Vigyázat, ez becsapás, általában drasztikus különbségek vannak és nem a mobil javára.
Még egy kérdést megemlítenék, ami gyakran felmerül:
Lehet-e csak mobilon felgyorsítani egy oldalt?
Ez – igen ritka kivételtől eltekinte – nem lehetséges. A jó hír hogy – a fentieket figyelembe véve – ha mobilon jól pörög egy oldal, akkor asztali gépen, vagy tableten is jó lesz a teljesítménye.
