Mit jelent az LCP, az INP és a CLS?

Q: Mit jelent az LCP, az INP és a CLS?

Az LCP a betöltést, az INP a reagálóképességet, a CLS pedig a vizuális stabilitást méri. Jónak a legfeljebb 2.5 s, a legfeljebb 200 ms, illetve a legfeljebb 0.1 érték számít a 75. percentilisnél.

Ez a három Core Web Vitals mutató, amelyekkel a Google egy oldal felhasználói élményét írja le. A Largest Contentful Paint (LCP) a betöltést méri: mennyi idő alatt jelenik meg a fő tartalom. Az Interaction to Next Paint (INP) a reagálóképességet méri: milyen gyorsan reagál az oldal kattintásra, koppintásra vagy gépelésre. A Cumulative Layout Shift (CLS) a vizuális stabilitást méri: mennyit ugrál az elrendezés. Jónak az számít, ha az LCP legfeljebb 2.5 másodperc, az INP legfeljebb 200 ezredmásodperc, a CLS pedig legfeljebb 0.1.

A három mutató dióhéjban

Mutató	Mit mér	Jó	Fejlesztésre szorul	Gyenge
LCP	Betöltés	legfeljebb 2.5 s	legfeljebb 4 s	több mint 4 s
INP	Reagálóképesség	legfeljebb 200 ms	legfeljebb 500 ms	több mint 500 ms
CLS	Vizuális stabilitás	legfeljebb 0.1	legfeljebb 0.25	több mint 0.25

Ezek a küszöbértékek a Google Core Web Vitals jelentés súgójában szerepelnek. Az oldal akkor felel meg, ha mindhárom mutató jó a látogatások 75. percentilisénél, mobilra és asztali gépre külön-külön mérve.

LCP: Largest Contentful Paint

Az LCP azt az időt méri, amely attól telik el, hogy valaki elkezdi betölteni az oldalt, addig, amíg a látható területen a legnagyobb kép, videó vagy szövegblokk megjelenik. Figyelembe vehető elem az <img> elem, az SVG-n belüli kép, a videó poszterképe vagy első képkockája, a CSS háttérkép és a blokkszintű szöveg. A böngésző abbahagyja az új jelöltek keresését, amint a látogató interakcióba lép az oldallal. A lassú LCP hátterében általában lassú szerverválasz, nagy méretű vagy későn felfedezett hero kép, illetve a megjelenítést blokkoló CSS és szkriptek állnak.

INP: Interaction to Next Paint

Az INP a látogatás során végzett kattintásokat, koppintásokat és billentyűleütéseket figyeli, és azt méri, mennyi idő telik el mindegyiknél addig, amíg a böngésző ki tudja rajzolni a következő képkockát. Az egérmutató ráhúzása, a görgetés és a nagyítás nem számít. A jelentett érték a leglassabb interakció, sok interakciót tartalmazó oldalakon a kiugró értékeket figyelmen kívül hagyva. Az INP 2024 márciusában váltotta le a First Input Delay (FID) mutatót mint Core Web Vital; az FID csak az első interakciót vizsgálta, az INP viszont a teljes látogatást lefedi. A gyenge INP rendszerint hosszú JavaScript-feladatokból ered, amelyek lefoglalják a főszálat.

CLS: Cumulative Layout Shift

A CLS összeadja a váratlan elrendezésváltozásokat, például amikor a szöveg lejjebb ugrik, mert fölötte betöltődik egy kép vagy egy hirdetés, és a látogatás során fellépő legnagyobb ilyen sorozatot jelenti. Minden elmozdulás pontszáma attól függ, hogy a képernyő mekkora része mozdult el, és milyen messzire. A kattintást, koppintást vagy billentyűleütést követő 500 ezredmásodpercen belüli elmozdulásokat a mutató nem számítja, mert a látogató ilyenkor számít az oldal változására.

Honnan származnak a számok?

A Search Console Core Web Vitals jelentése a Chrome UX Report terepi adataira épül: az elmúlt 28 nap valódi Chrome-látogatásaiból indul ki, hasonló oldalak csoportjaiba rendezi őket, és minden csoportot a legrosszabb mutatója alapján értékel. A Lighthouse-hoz hasonló labor eszközök valódi látogató nélkül töltik be az oldalt, ezért az INP-t nem tudják mérni, helyette a Total Blocking Time értéket használják, ahogy azt a web.dev Web Vitals áttekintése is leírja. A laborpontszámokat hibakeresésre érdemes használni, a terepi adat viszont a mérvadó.

Befolyásolják a Core Web Vitals mutatók a rangsorolást?

A Google határozottan javasolja, hogy a Core Web Vitals értékek jók legyenek, mert ez hozzájárul a Keresőben elért sikerhez, és azt mondja, hogy az oldalélmény összhangban van azzal, amit a fő rangsorolási rendszerei jutalmazni igyekeznek. Ez nem rövidítés: a gyors oldalnak is a legjobb válasznak kell lennie. A Hogyan javíthatom a gyenge Core Web Vitals pontszámokat? című írás bemutatja, mit kell módosítani az egyes mutatóknál.

Hogyan segít az AutoPSEO?

Az AutoPSEO Core Web Vitals jelentése a teljes webhelyre vagy egyetlen URL-re kiolvassa a Chrome UX Report előzményeit telefonra, asztali gépre vagy táblagépre bontva, és diagramon mutatja az LCP, az INP és a CLS értékét (valamint az első tartalmi megjelenítést és a szerver első bájtig tartó válaszidejét) a 75. percentilisnél, nagyjából hat hónapnyi heti adat alapján, így látható, mikor kezdett romlani egy mutató.