A CLS azt a frusztrációt számszerűsíti, amikor az oldal az ujjad alatt mozdul: a gomb, ami kicsúszik koppintáskor, a bekezdés, ami lepottyan mondat közepén, amikor fölé egy hirdetés töltődik. Minden nem várt eltolódást pontoz, hogy mi mozdult és mennyit, az oldal életére összegezve; a jó 0,1 vagy kevesebb, 0,25 felett rossz. A szándékos mozgás — a felhasználó által kinyitott harmonika — nem számít; csak a meglepetés-tolódás.
A javítások szinte mind foglalások: width és height attribútumok képeken és beágyazásokon, hogy a hely a tartalom előtt létezzen; font-display stratégiák és metrikailag illesztett fallbackok, hogy a szöveg ne foltozzon újra, amikor a valódi font landol; fenntartott hely hirdetéseknek és bannereknek; és sosem injektálni tartalmat a felhasználó olvasmánya fölé.
Kapcsolódó fogalmak
Core Web Vitals
A Google három mezei mérőszáma a betöltésre, a válaszkészségre és a vizuális stabilitásra, valódi látogatásokon mérve, nem laborban.
LCP (Largest Contentful Paint)
Az a pillanat, amikor a nézetablak legnagyobb tartalmi eleme megjelenik — gyakorlatilag amikor az oldal betöltöttnek látszik.
INP
Interaction to Next Paint — a Core Web Vital, ami azt méri, milyen gyorsan válaszol az oldal koppintásra és kattintásra; 2024 óta az FID utódja.
Lighthouse
A Google nyílt forrású audit-eszköze — laborban pontozza a teljesítményt, akadálymentességet, legjobb gyakorlatokat és SEO-t.
Ide tartozó munkapad
WebteljesítményÚjraépítés, ami mobilneten, telefonon is betölt, abban az országban, ahol az ügyfeleid tényleg vannak. A Core Web Vitals a mérőszám, a bevétel a cél.
