CLS treedt op wanneer zichtbare inhoud beweegt nadat die al geschilderd was, waardoor verschuift wat de gebruiker aan het bekijken was. De oorzaak is bijna altijd inhoud die laadt zonder gereserveerde ruimte.
CLS treedt op wanneer zichtbare inhoud beweegt nadat die al geschilderd was, waardoor verschuift wat de gebruiker aan het bekijken was. De oorzaak is bijna altijd inhoud die laadt zonder gereserveerde ruimte.
top, height) in plaats van transform.width/height in (of aspect-ratio) zodat ruimte wordt gereserveerd vóór het laden:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- reserveert de box -->
.hero { aspect-ratio: 16 / 9; } /* reserveert ratio voor responsive media */
font-display: optional of swap plus size-adjust/preload om de reflow te minimaliseren wanneer het web font arriveert.position: absolute) of duw vanaf de onderkant.transform/opacity — ze worden gecomposit en triggeren geen layout.CLS is de meest fixbare Core Web Vital — het gaat meestal om een handvol ontbrekende afmetingen. Interviewers gebruiken het om te testen of je de render-pijplijn begrijpt: ruimte vooraf reserveren betekent dat de browser nooit hoeft te herflowen, en daarom verslaat transform het animeren van top.
Een bibliotheek met IT-sollicitatievragen met gedetailleerde antwoorden — van Junior tot Senior.
Doneren