A CLS akkor következik be, amikor a látható tartalom azután mozdul el, hogy már ki lett paintelve, elmozdítva azt, amit a felhasználó nézett. Az ok szinte mindig fenntartott hely nélkül betöltődő tartalom.
A CLS akkor következik be, amikor a látható tartalom azután mozdul el, hogy már ki lett paintelve, elmozdítva azt, amit a felhasználó nézett. Az ok szinte mindig fenntartott hely nélkül betöltődő tartalom.
top, height) a transform helyett.width/height-t (vagy aspect-ratio-t), hogy a hely a betöltés előtt fenntartott legyen:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- reserves the box -->
.hero { aspect-ratio: 16 / 9; } /* reserves ratio for responsive media */
font-display: optional vagy swap, plusz size-adjust/preload, hogy minimalizáld a reflow-t, amikor a webfont megérkezik.position: absolute), vagy told alulról.transform/opacity-vel — ezek kompozitáltak, és nem váltanak ki layoutot.A CLS a leginkább javítható Core Web Vital — általában néhány hiányzó méretről van szó. Az interjúztatók ezzel tesztelik, érted-e a render pipeline-t: ha előre fenntartod a helyet, a böngészőnek soha nem kell újratördelnie, ezért veri meg a transform a top animálását.
IT interjúkérdések gyűjteménye részletes válaszokkal — Juniortól Seniorig.
Adományozás