A Lighthouse a Google ingyenes, nyílt forráskódú audit-eszköze, ami egy weboldalt 5 területen pontoz: Performance (sebesség), Accessibility (akadálymentesség), Best Practices (modern fejlesztési szabványok), SEO és PWA (Progressive Web App). Minden kategóriában 0-100 pontot ad, és konkrét javaslatokat fűz hozzá: „lassú a legnagyobb képed, használj WebP-t”, „nincs alt-szöveg az img-tageken”, „a HTTPS-nyitásra hosszabb a redirect-lánc”. A modern webfejlesztés egyik leghasznosabb visszajelzés-tooljaa, és a Performance pontszáma a Core Web Vitals-okkal kéz a kézben jár.
Így is ismerheted
Magyarra nem fordítják — szinte mindenki a Lighthouse vagy Google Lighthouse nevet használja. Egy ideig „Chrome Lighthouse”-ként is hivatkoztak rá (mert a Chrome DevTools-ba van beépítve), de hivatalosan csak Lighthouse. A PageSpeed Insights (PSI) a Lighthouse-ra épülő online tool — ugyanazokat a méréseket csinálja, plusz a CrUX valós user-adatokat is mutatja. Néha „Web Vitals Audit”-ként is utalnak rá, de ez pontatlan — a CWV csak egy része a Performance kategóriának.
Az 5 kategória — mit mér pontosan?
Performance
A legnépszerűbb és legtöbbet idézett pontszám. 6 metrikából áll össze: First Contentful Paint, Largest Contentful Paint, Total Blocking Time, Cumulative Layout Shift, Speed Index és Time to Interactive. A pontszám súlyozott: LCP és TBT a két legnagyobb súly. 90+ „Good”, 50-89 „Needs improvement”, 50 alatt „Poor”.
Accessibility
Akadálymentességi check-ek: alt-szövegek, ARIA-attribútumok, kontraszt-arány, billentyűzet-navigálhatóság, focus-állapot. A pontszám binary-aggregátum, nem fokozatos — sok egyszerű check-ből áll. Lighthouse-ban a 100 itt elérhető, de NEM jelenti, hogy az oldalad akadálymentes — manuális vizsgálat kell hozzá (lásd a UX audit-ot).
Best Practices
Modern fejlesztési szabványok: HTTPS, image-aspect-ratio, console-error-ok, deprecated API-k, biztonság (CSP, no-referrer). Általában könnyű 90+ -et elérni, ha alap higiéniád van.
SEO
Alapvető on-page-ellenőrzések: meta-description, title-tag, viewport-meta, robots.txt, indexálható-e az oldal, mobile-friendly-e. NEM mély SEO-audit — csak az alap technikai szempontok. A mély SEO-hoz Schema.org, kulcsszó-stratégia, és külső linkek kellenek.
PWA
Progressive Web App képességek: service worker, manifest.json, offline-működés, installálhatóság. Ha az oldalad nem PWA, ezt kategóriát figyelmen kívül hagyhatod — nem rangsorol Google-szempontból.
Hogyan futtasd? — három mód
A Lighthouse három felületen érhető el, mindegyik enyhén más eredményt ad:
- Chrome DevTools — F12 → Lighthouse panel → futtatás a saját gépedről. Gyors, de a saját géped sebessége befolyásolja az eredményt.
- PageSpeed Insights — pagespeed.web.dev, online, Google szerverein fut. Standardizált környezet, megbízhatóbb összehasonlításra. Mutatja a valós user-adatot (CrUX) is.
- CLI / npm package —
npm install -g lighthouse, automatizálható CI/CD-be. Pl. Lighthouse CI-vel minden deploy-on lefuthat, és lekér a teljesítmény-regresszió mérésére.
Egy tipikus baki: a Chrome DevTools-ban 95-öt mutat, a PSI 65-öt. Nem hiba — más környezet, más hardver, eltérő hálózat. A „valódi” pontszám amit nézni érdemes a PSI-é (mert Google így méri), és a CrUX Field Data (mert ez tényleg a user-élmény).
Pontszám olvasata — mit jelent egy 75?
A Performance pontszám exponenciális görbe — 90-ről 95-re jutni 3× akkora munkát igényel, mint 60-ról 70-re. Egy realistikus elvárás projektekre:
- 90+ — kiváló. Egyszerű, jól optimalizált oldal vagy headless setup. Webshop-on ritkán elérhető (sok 3rd-party script).
- 75–89 — jó. Reális cél átlag WordPress-projektre rendes optimalizáció után.
- 50–74 — közepes. Általában WordPress „doboz-out-of-the-box” vagy nagy webshop sok plugin-nel.
- 50 alatt — gyenge. Komoly probléma van: súlyos képek, render-blokkoló script-ek, lassú szerver.
Egy tapasztalat: a kliens gyakran azt akarja, hogy a Performance 100 legyen. Ezt általában nem éri meg hajszolni — egy 92-es pontszám user-élmény szempontból ugyanaz mint egy 100-as, és a 92 → 100 út hetekbe és sok kompromisszumba kerülhet. Inkább a CrUX Field Data-t nézd: ott „Good” minősítés a cél.
Mire figyelj — Lighthouse-tippek és csapdák
Pár gyakori dolog, amire futás előtt érdemes ránézni:
- Incognito mode — extension-ök torzítják az eredményt. Mindig privát ablakban futtass.
- Throttling — DevTools-ban van „Simulated throttling” (alapértelmezett — gyorsabb, mert szimulált). A PSI „Applied throttling”-et használ (lassabb, valósághűbb).
- Cache hatás — a második futás gyorsabb, mert már be van cache-elve. Mindig friss session-ben mérj a real-world benchmark-hoz.
- Mobile vs desktop — két külön mérés. A mobile pontszám szigorúbb (lassabb CPU, hálózat).
- Plugin-ek hatása — egy átlag WordPress-en 10-15 plugin külön 5-10 másodpercet ad a betöltési időhöz. Ezt csak audit-tal lehet kibogozni.
Ha Lighthouse-audittal, teljesítmény-optimalizációval, vagy átfogó performance-strategy-vel foglalkoznál, lásd az egyedi weboldal-fejlesztés szolgáltatásunkat. Kapcsolódó cikkek: Core Web Vitals, CDN, Schema.org.
