CLS csökkentése: a layout shift elkerülésének 5 módszere

A Cumulative Layout Shift azt méri, milyen mértékben ugrálnak az oldal elemei betöltés közben a felhasználó szeme előtt. A Google 0,1 alatti értéket vár el a Jó minősítéshez minden oldal típusnál. A leggyakoribb okok közé tartozik a méret nélkül beillesztett kép, a későn betöltődő webfont és a dinamikusan beszúrt hirdetésblokk. A képeknél a width és height attribútum kötelezően megadandó, így a böngésző előre helyet foglal. A fontoknál a font-display swap helyett az optional vagy a méretre igazított fallback a legjobb megoldás. A hirdetéseknek fix magasságú konténert kell készíteni, ahol a tartalom utólag, ugrás nélkül kerül be.