LCP (Largest Contentful Paint)

Az LCP (Largest Contentful Paint) a Core Web Vitals egyik fő mutatója: azt méri, milyen gyorsan jelenik meg az oldal legnagyobb látható eleme (jellemzően a fő kép vagy a címsor). A felhasználó nagyjából ezt érzékeli „betöltöttként".

A jó LCP 2,5 másodperc alatt van. Rontja: lassú szerver (TTFB), nagy/optimalizálatlan képek, renderelést blokkoló erőforrások. Javítja: gyors tárhely + CDN, WebP képek, a fő kép előtöltése (preload), és a felső, látható kép ne legyen lazy-loadolva.

2026-ban a Google Core Web Vitals mértékrendszere egyre nagyobb hangsúlyt kap a rangsorolási döntésekben. Az LCP különösen kritikus, mert a felhasználó szubjektív betöltési élményét tükrözi: ha a fő tartalom lassan jelenik meg, a látogató frusztrált lesz és elhagyja az oldalt. Az oldalsebesség javításakor az LCP az egyik első mutató, amit érdemes megvizsgálni. A lazy loading technikát a fő, látható képre tilos alkalmazni, mert pont az LCP-t rontja, miközben az al oldalon lévő képeknél kifejezetten ajánlott. A mobile-first indexeles szempontjából is fontos: mobilon az LCP tipikusan rosszabb, ha a kép nincs reszponzívan optimalizálva.

Egy pécsi bútorwebáruház 2026 tavaszán átvilágíttatta az oldalát, mert organikus forgalma 22%-kal csökkent. A PageSpeed Insights elemzés megmutatta: az LCP értékük mobilon 5,8 másodperc volt, messze az ajánlott 2,5 másodpercnél. A fő bűnös egy 1,4 MB-os, JPEG formátumú fejléckép volt, amelyet sem WebP-re nem konvertáltak, sem preload-direktivát nem használtak hozzá. A fejlesztő három változtatást hajtott végre: konvertálta a képet WebP formátumra (270 KB-ra csökkent), hozzáadta a `<link rel="preload">` taget, és gyorsabb CDN-kiszolgálóra váltott. Az eredmény: az LCP 2,1 másodpercre javult, a Google Search Console mobilos teljesítmény-értékelése "Jó" kategóriába lépett, és négy hónappal később az organikus forgalom 17%-kal emelkedett vissza.

Az LCP a Core Web Vitals hármasának egyik pillére, az INP és a CLS mellett. Mindhárom mutató együttesen határozza meg az oldal Page Experience-pontszámát. Az oldalsebesség tágabb fogalmán belül az LCP az érzékelt betöltési sebességet képviseli. A mobile-first indexeles miatt a mobilos LCP-értékre kell koncentrálni, ne az asztaliira. A lazy loading technikával érdemes bánni: a hajtás alatti képeknél bekapcsolni, a fő fejlécképnél kikapcsolni. A CDN-használat közvetlenül csökkenti a szerver-válaszidőt, ami az LCP-t is javítja. A teljes Core Web Vitals-optimalizáció tehát egyszerre érinti a képkezelést, a szerver-infrastruktúrát és a betöltési sorrendet.

• Hiba: A fő fejlécképet lazy-loadolod. Ez pontosan az LCP-t rontja: a böngésző késlelteti a legfontosabb elem megjelenítését. A fő, hajtás felett lévő képet soha ne lazy-loadold, sőt, adj hozzá preload taget.
• Hiba: Nagy, optimalizálatlan képformátum. A PNG vagy JPEG sokszor 5-10x nagyobb a WebP-nél azonos minőség mellett. Ha a fő kép 1 MB felett van, az LCP biztosan szenvedni fog, különösen mobilon lassabb kapcsolatnál.
• Hiba: Renderelést blokkoló erőforrásokat hagyasz a head-ben. A nagy CSS- vagy JS-fájlok a head-ben megakadályozzák, hogy a böngésző időben megjelenítse a tartalmat. Tedd aszinkronná vagy halasd a nem kritikus fájlokat.

Az LCP (Largest Contentful Paint) a Core Web Vitals egyik fő mutatója, amely azt méri, milyen gyorsan jelenik meg az oldal legnagyobb látható eleme. A cél 2,5 másodperc alatt teljesíteni. Javítható WebP képekkel, preload direktívával, CDN-nel és a fő kép lazy loading kikapcsolásával. 2026-ban az LCP a Google rangsorolás egyik kritikus tényezője.