Tangerine Design szakértői cikk

Core Web Vitals javítás: LCP, INP és CLS érthetően

A Core Web Vitals három felhasználóközpontú teljesítménymutatóval méri a betöltést, interaktivitást és vizuális stabilitást. A jó technikai eredményhez labor- és valódi felhasználói adatot együtt kell vizsgálni, oldaltípusonként és mobilon is.

Frissítve: 2026. július 29. A cikk üzleti-technológiai tájékoztató, nem egyedi jogi tanácsadás.

LCP: legnagyobb tartalmi elem

Az LCP a fő tartalom betöltési élményét méri. A Google jó célértéke legfeljebb 2,5 másodperc a megtekintések 75. percentilisén. Gyakori ok a lassú szerver, túl nagy hero kép, blokkoló CSS és későn induló erőforrás.

INP: interakció utáni válasz

Az INP azt méri, mennyi idő alatt jelenik meg a felhasználói interakció következő vizuális eredménye. A jó cél legfeljebb 200 ms. Hosszú JavaScript-feladat, túl sok harmadik fél script és nehéz eseménykezelő ronthatja.

CLS: váratlan elmozdulás

A CLS jó célértéke legfeljebb 0,1. Kép méret nélküli betöltése, későn megjelenő banner, webfont és dinamikusan beszúrt tartalom okozhat ugrást. Foglaljunk helyet előre és kerüljük a meglévő tartalom fölé szúrást.

Lab és field adat

Lighthouse egy kontrollált teszt, a Chrome UX Report és saját RUM valós látogatói élményt mutat. Egyetlen gyors asztali teszt nem bizonyít jó mobil teljesítményt. A hálózat, eszköz és felhasználói út jelentősen eltérhet.

Javítási sorrend

Először a legnagyobb forgalmú sablonokat és a 75. percentilis problémáit célozzuk. Képoptimalizálás, szervercache, kritikus CSS, kódmegosztás és harmadik fél szkriptek kontrollja. Minden változtatás után mérjünk újra.

Gyakori kérdések

A Core Web Vitals rangsorolási tényező?

A Google oldalélmény rendszere használ technikai jelzéseket, de a releváns, hasznos tartalom továbbra is alapvető.

Elég a 100-as Lighthouse pont?

Nem. A pont laborbecslés; a valós felhasználói Core Web Vitals adat külön bizonyíték.

Minden oldal külön számít?

A Search Console hasonló oldalcsoportokat mutathat, de az egyedi sablonok és kritikus oldalak mérésére is szükség van.

Források és további olvasnivaló

Lassú vagy ugráló a weboldala?

Valós és laboradat alapján feltárjuk a szerver, kép, CSS, JavaScript és harmadik fél szkriptek szűk keresztmetszeteit. Kérjen technikai konzultációt.