A Google Lighthouse olyan eszköz, amellyel auditot végezhetünk különböző - természetesen a saját honlapunkon is - függetlenül milyen komplexitású web-alkalmazásról van szó (azt hozzá kell tennem, hogy egy bemutatkozó oldal és egy nagyvállalati portál nem érdemes összehasonlítani, utóbbi esetében sokkal nagyobb befektetést igényel, ha hasonló értékeket akarunk elérni). Használhatjuk egyszerű Google Chrome bővítményként vagy a Chrome DevTools programmal együtt.
Öt különböző ponton teszteli a rendszer honlapunkat:
- Performance
- Progressive Web App
- Accessibility
- Best Practices
- SEO
Google Lighthouse jelmagyarázat
Minden egyes teszt után egy mérőszámot kapunk 0 és 100 közötti skálán (0 a legrosszabb és 100 a legjobb) ezt vizuálisan is megjeleníti a rendszer különböző metrikákon.
Ezeket az eredményeket útmutatóként használhatjuk a potenciális hibák kiküszöbölésében és a teljesítmény optimalizálásában. A weboldal betöltési sebességének elemzése során a pontszámokat három kategóriára bontja. A 0–49 (piros) pontszámok lassú, az 50–89 (narancssárgát) átlagos, a 90–100 (zöld) értékeket pedig gyorsnak értékeli.
Performance
Ami a teljesítményt illeti, a Lighthouse elemzi a webhely vagy a webalkalmazás sebességét , és ellenőrzi, hogy a betöltött elemek megfelelően jelennek-e meg a felhasználó számára.
A fenti tényezők elemzése mellett a Lighthouse fejlesztéseket is javasol. A javaslatok széles körű optimalizálási lehetőségeket kínálnak a betöltési idő csökkentése érdekében. Ide tartozik például a képek tömörítése, a JavaScript vagy az olyan erőforrások szétbontása, amelyek megakadályozhatják a weboldal megjelenítését.
Accessibility
A Google Lighthouse azt is felméri, hogy a webhely mennyire alkalmas például mozgássérültek vagy látássérültek, speciális igényű felhasználók esetében is. A kisegítő lehetőségek különböző vizsgálatokat futtat és ellenőrzi a WCAG és egyéb irányelvek, szabványok alapján, hogy honlapunk mennyire akadálymentes.
Én előszeretettel használóm ezt a funkciót csak magában is. Fontos több automata tesztet kell használni illetve nem helyettesíti a manuális, tehát kézi tesztelést sem.
Best Practices
A Lighthouse ebben az esetben a webhelyet biztonsági szempontból elemzi. Az audit során az eszköz felméri, hogy használunk-e olyan titkosítási technológiákat, mint a TLS. JavaScript könyvtárakat biztonságosnak tekinti-e, vagy felszólít az esetleges régebbi API-k esetében.
SEO
A Google Lighthouse különféle teszteket végez annak elemzésére, hogy a keresőmotorok mennyire tudják feldolgozni az alkalmazást vagy a webhelyet. Ezen felül szolgáltatás elemzi és teszteli a webhelyet vagy a progresszív webalkalmazást annak megállapítására, hogy mobilbarát-e, és hogy a címkék és a metaadatok optimalizálva vannak-e.
Progressive Web Application
A PWA egy telepíthető webhely, amit közvetlenül az operációs rendszerünkről tudnunk indítani, mint egy normál asztali alkalmazást. Egészen röviden a progresszív webappok olyan weboldalak, amelyek képesek a mobilapplikációkhoz hasonló funkcionalitást biztosítani.
A teljes leírás, szükséges feltételek és az irányelvek a google fejlesztői felületén elérhető
Megéri-e használni a Google Lighthouse auditot?
Egyértelműen igen! Nem csodaszer, de hatalmas segítséget nyújt az optimalizálásban és nagyon fontos audit eszköz lehet. Jómagam is használom, minden új (amikor magam dönthetek róla és a kivitelezési idő megengedi) projektek esetében. De beszéljenek a számok. A saját honlapom eredménye.
Az eredmények jól tükrözik, hogy bizonyos feltételeknek megfeleltem, bizonyos feltételek esetében még lehet optimalizálni az oldalt. Természetesen hasonló eredményeket bárki elérhet, ha megfelelő kezekben van a weboldala, webáruháza, alkalmazása.
Köszönöm, hogy elolvastad ❤️
Ha tetszett a cikk, kérlek oszd meg! Egyéb kérdéseid vannak, akkor keress meg Telegrammon, vagy írj nekem egy e-mailt.