# CLS

> Cumulative Layout Shift — a Core Web Vital, ami azt méri, mennyit ugrál az oldal betöltés közben.

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

- https://dfieldsolutions.hu/hu/fogalomtar/core-web-vitals.md
- https://dfieldsolutions.hu/hu/fogalomtar/lcp.md
- https://dfieldsolutions.hu/hu/fogalomtar/inp.md
- https://dfieldsolutions.hu/hu/fogalomtar/lighthouse.md

---

Source: https://dfieldsolutions.hu/hu/fogalomtar/cls
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.hu/en/contact