CLS tapahtuu, kun näkyvä sisältö liikkuu sen jälkeen, kun se oli jo maalattu, siirtäen sitä, mitä käyttäjä katsoi. Syy on lähes aina sisältö, joka latautuu ilman varattua tilaa.
CLS tapahtuu, kun näkyvä sisältö liikkuu sen jälkeen, kun se oli jo maalattu, siirtäen sitä, mitä käyttäjä katsoi. Syy on lähes aina sisältö, joka latautuu ilman varattua tilaa.
top, height) transformin sijaan.width/height (tai aspect-ratio) niin, että tila varataan ennen latausta:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- varaa laatikon -->
.hero { aspect-ratio: 16 / 9; } /* varaa suhteen responsiiviselle medialle */
font-display: optional tai swap plus size-adjust/preload minimoidaksesi uudelleenlayoutin, kun web-fontti saapuu.position: absolute) tai työnnä alhaalta.transformilla/opacitylla — ne kompositoidaan eivätkä laukaise layoutia.CLS on korjattavin Core Web Vital — se on yleensä kourallinen puuttuvia mittoja. Haastattelijat käyttävät sitä testatakseen, ymmärrätkö renderöintiputken: tilan varaaminen etukäteen tarkoittaa, ettei selaimen tarvitse koskaan uudelleenlayouttaa, minkä vuoksi transform voittaa topin animoinnin.
Kirjasto IT-haastattelukysymyksiä yksityiskohtaisine vastauksineen — Juniorista Senioriin.
Lahjoita