CLS įvyksta, kai matomas turinys pajuda po to, kai jau buvo nupieštas, pastumdamas tai, į ką naudotojas žiūrėjo. Priežastis beveik visada yra turinys, kuris įsikelia be rezervuotos vietos.
CLS įvyksta, kai matomas turinys pajuda po to, kai jau buvo nupieštas, pastumdamas tai, į ką naudotojas žiūrėjo. Priežastis beveik visada yra turinys, kuris įsikelia be rezervuotos vietos.
top, height) vietoj transform.width/height (arba aspect-ratio), kad vieta būtų rezervuota prieš įkėlimą:<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 arba swap plius size-adjust/preload, kad sumažintumėte perskaičiavimą, kai atkeliauja web font.position: absolute) arba stumkite iš apačios.transform/opacity — jie yra kompozuojami ir nesukelia layout.CLS yra labiausiai pataisomas Core Web Vital — tai dažniausiai saujelė trūkstamų matmenų. Interviuotojai jį naudoja patikrinti, ar suprantate render konvejerį: vietos rezervavimas iš anksto reiškia, kad naršyklei niekada nereikia perskaičiuoti išdėstymo, todėl transform pranašesnis už top animavimą.
IT pokalbių klausimų biblioteka su išsamiais atsakymais — nuo Junior iki Senior.
Paaukoti