CLS: Cumulative Layout Shift
A CLS, magyarul Halmozott elrendezéseltolódás.
A Halmozott elrendezéseltolódás mérőszám a weboldal vizuális stabilitását méri. Konkrétan az összes váratlan elrendezésváltás összesített pontszámát méri, vagyis amikor egy látható elem megváltoztatja a pozícióját egyik renderelt keretből a másikba, ami az oldal betöltésekor történik.
Célszerű 0,11 alatti CLS-pontszámra törekedni.
A halmozott elrendezés-eltolódás (CLS) az oldalon végbemenő összes elrendezés-eltolódást méri. A pontozás nulla (nincs eltolódás) és pozitív szám (több eltolódás) között történik. Az eltolódás gyakori okai a legördülő bannerhirdetések, a megjelenő gombok vagy a szövegblokkot elmozdulását okozó képek.
Ezek mind hozzájárulnak a negatív felhasználói élményhez, ezért fontos, hogy csökkentsük a webhelyen előforduló elmozdulásokat. A Google azt ajánlja, hogy a webhelyek 0,1 vagy annál kisebb CLS-pontszámra törekedjenek.
A kumulatív elrendezéseltolás, rövidítve CLS méri az elrendezés stabilitását betöltés közben. Ha a webhelyen vannak olyan látható elemek, amelyek megváltoztatják helyzetüket betöltés közben vagy egyéb spontán változások történnek az elrendezésben, az magas CLS pontszámot eredményez.
A CLS kiszámítása az impact és a távolság törtrészének szorzatával történik:
CLS-pontszám = Impact frakció * Távolsági frakció
Az Impact frakció azt a területet méri, amelyet egy instabil elem foglal el két keret között a böngészőablak látható területén. Az egyik az az érték, amelyet az elem a helyzetének megváltoztatása előtt vesz fel, a másik pedig az az érték, amelyet ugyanaz az elem vesz a változás után. Ezt a két értéket használjuk az impact hányad százalékos kiszámításához.
A Távolságtörvény azt a távolságot írja le, amelyet az instabil elem vízszintes és függőleges helyzetváltozása során megtett. Ezt az értéket elosztjuk a böngészőablak szélességével vagy magasságával, amelyik nagyobb. A Távolságtörés eredményét mindig százalékban adjuk meg.
A CLS ennek a két komponensnek a terméke, és a jó felhasználói élmény érdekében mindig kisebbnek kell lennie 0,1-nél.
Az összesített elrendezés-eltolás mérésének célja, hogy a felhasználók számára a lehető legstabilabb vizuális élményt biztosítsa, hogy a felhasználóknak ne kelljen újra a linkeket, képeket vagy mezőket keresniük az oldal betöltődése után, nehogy véletlenül rossz helyre kattintsanak. A Google bizonyos kritériumokat is meghatározott a CLS-hez.
KÉSZEN ÁLLSZ ARRA,
HOGY FELPÖRGESD A VÁLLALKOZÁSOD?
Optimalizáld sebességre a weboldalad!