A Lighthouse a Google nyílt forráskódú auditáló eszköze, amely egy megadott URL-t szimulált böngészőben betölt, majd pontozza a teljesítményt, az akadálymentességet, a jó gyakorlatokat és a SEO-alapokat. Labor-eszköz: mindig ugyanazon a kontrollált gépen, kontrollált hálózaton mér, nem valódi látogatói adatból dolgozik.
Hogyan működik
A Lighthouse egy Chrome-alapú futtatókörnyezetben nyitja meg az oldalt. Közben CPU-lassítást és hálózati fékezést alkalmaz, hogy egy közepes mobilt utánozzon. A betöltés alatt eseményeket és metrikákat gyűjt, majd ezeket auditokra bontja.
A teljesítmény-kategória pontszáma öt metrika súlyozott átlaga:
A pontszám 0-tól 100-ig terjed. A Google küszöbei: 90 felett zöld, 50 és 89 között narancs, 50 alatt piros. A skála nem lineáris: a 90-es sávban egyetlen extra pont sokkal több munkába kerül, mint a 40-es sávban.
Labor vagy mezei adat
A Lighthouse nem azt mutatja, amit a látogatóid tapasztalnak. Azt mutatja, mit tapasztalna egy adott konfigurációjú eszköz, adott pillanatban. A valós felhasználói adat a CrUX: mezei vs labor adat adatbázisból jön, és ez az, amit a Google rangsorolásnál figyelembe vesz.
A két érték gyakran eltér. Jó Lighthouse-pont mellett is lehet rossz mezei adat, ha a látogatóid lassabb eszközön vagy rosszabb hálózaton vannak. Fordítva is előfordul: egy erős cache réteg kimentheti a valós felhasználókat, miközben a hidegindítású labor-mérés gyenge.
Miért számít az AI-nak
A generatív keresők és az AI-crawlerek (GPTBot, ClaudeBot, PerplexityBot és társaik) jellemzően nem futtatnak JavaScriptet, vagy szűk időkerettel dolgoznak. Egy lassú, nehéz oldal könnyen féloldalasan vagy egyáltalán nem kerül be a feldolgozásba. A Lighthouse teljesítmény-auditjai (render-blokkolók, felesleges JS, nagy képek) pont azokat a problémákat listázzák, amelyek a robotok dolgát is nehezítik.
Röviden: a Lighthouse egy labor-mérés a betöltés minőségéről, ami irányt mutat, de nem helyettesíti a valós felhasználói adatot.
Miért fontos
Mit jelent a gyakorlatban
A Lighthouse-pont önmagában nem rangsorolási tényező. Amit mér, az viszont igen. A Google a Core Web Vitals mutatókat valós felhasználói adatból nézi, és a Lighthouse pont ezeket a metrikákat modellezi labor-környezetben.
SEO-hatás
A lassú oldal kevesebb oldalt enged feltérképezni azonos idő alatt. Nagy webshopoknál ez mérhetően lassítja az új termékek indexelését. A Google Search Console Core Web Vitals jelentése a mezei adatot mutatja, a Lighthouse pedig megmondja, melyik konkrét erőforrás a hibás.
AI-hatás
Egy LLM (nagy nyelvi modell) mögött álló letöltő rendszer időkorláttal dolgozik. Ha a fő tartalom csak 6 másodperc után, JavaScriptből érkezik, jó eséllyel üres oldalt lát. A Lighthouse teljesítmény-auditjai ugyanazt a JS-terhet és render-blokkolást mutatják, ami az AI-értelmezhetőség: mit ért egy nyelvi modell az oldaladból szempontjából is akadály.
Üzleti hatás
A konverzió és a betöltési idő összefüggése jól dokumentált. A mobilról érkező látogató türelme rövid, és a betöltési idő minden extra másodperce kosárelhagyást termel. A riportokban azt látjuk, hogy a magyar KKV-oldalak mobil Lighthouse-pontja tipikusan 30 és 60 között mozog, miközben a tulajdonos asztali gépen gyorsnak érzi az oldalt.
Technikai példa
A PageSpeed Insights API-val parancssorból is lekérheted a mobil Lighthouse-eredményt:
curl -s "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://pelda.hu&strategy=mobile&category=performance" \
| jq '.lighthouseResult.categories.performance.score, .lighthouseResult.audits."largest-contentful-paint".displayValue'
A score érték 0 és 1 között jön, tehát a 0.89 jelenti a 89 pontot. A válasz audits objektumában minden egyes ellenőrzés külön kulcsként szerepel.
A válasz lényegi része leegyszerűsítve így néz ki:
{
"lighthouseResult": {
"categories": {
"performance": { "score": 0.89 }
},
"audits": {
"largest-contentful-paint": { "score": 0.76, "displayValue": "2.9 s" },
"total-blocking-time": { "score": 0.62, "displayValue": "340 ms" },
"cumulative-layout-shift": { "score": 1, "displayValue": "0.02" }
}
}
}
A leggyakoribb konkrét javítás a hero-kép priorizálása. Így néz ki helyesen:
<link rel="preload" as="image" href="/img/hero.avif" type="image/avif">
<img src="/img/hero.avif"
width="1200" height="600"
alt="Faipari CNC megmunkalas kozben"
fetchpriority="high"
decoding="async">
A width és height megadása megakadályozza a layout ugrálást. A fetchpriority="high" előre hozza a letöltést, a preload pedig még a HTML feldolgozása közben elindítja.
Gyakori kérdések
Rangsorolási tényező a Lighthouse-pontszám?
Nem, maga a pontszám nem az. A Google a Core Web Vitals metrikákat használja rangsorolási jelként, és azokat valós felhasználói adatból veszi. A Lighthouse arra jó, hogy megmutassa, melyik konkrét erőforrás rontja ezeket a metrikákat.
Miért kapok más pontszámot minden futtatásnál?
A Lighthouse szimulált környezetben mér, és a hálózat, a szerver terheltsége, valamint a futtató gép pillanatnyi állapota mind befolyásolja. Az 5-10 pontos ingadozás teljesen normális. Futtasd le háromszor, és a középső értéket használd.
Elég a 90 pont, vagy 100-ra kell törekedni?
A 90 feletti érték zöld sávnak számít, és a legtöbb üzleti célra elég. A 90-ről 100-ra jutás gyakran több fejlesztői napba kerül, miközben a látogató semmit nem érzékel belőle. A pénzt inkább a tartalomra és a konverzióra érdemes tenni.
Miért rosszabb a mobil pontszám, mint az asztali?
A mobil mérésnél a Lighthouse szándékosan lassítja a CPU-t és fékezi a hálózatot, hogy egy közepes kategóriájú telefont utánozzon. Ugyanaz a JavaScript-mennyiség ott sokkal tovább fut. Mivel a magyar forgalom nagy része mobilról jön, ez a reálisabb szám.
Miben más a Lighthouse és a CrUX adat?
A Lighthouse labor-mérés: egy kontrollált tesztfutás egy adott konfiguráción. A CrUX valós Chrome-felhasználók anonimizált adata az elmúlt 28 napból. Ha eltérnek, a CrUX a mérvadó az üzleti döntéshez, a Lighthouse pedig a hibakereséshez.
