Il CLS si verifica quando il contenuto visibile si sposta dopo essere già stato disegnato, spostando ciò che l'utente stava guardando. La causa è quasi sempre contenuto che si carica senza spazio riservato.
Il CLS si verifica quando il contenuto visibile si sposta dopo essere già stato disegnato, spostando ciò che l'utente stava guardando. La causa è quasi sempre contenuto che si carica senza spazio riservato.
top, height) invece di transform.width/height (o aspect-ratio) così lo spazio viene riservato prima del caricamento:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- riserva il box -->
.hero { aspect-ratio: 16 / 9; } /* riserva il rapporto per media responsive */
font-display: optional o swap più size-adjust/preload per minimizzare il reflow quando arriva il web font.position: absolute) o spingi dal basso.transform/opacity — sono compositate e non scatenano il layout.Il CLS è il Core Web Vital più correggibile — di solito è una manciata di dimensioni mancanti. Gli intervistatori lo usano per verificare se hai capito la render pipeline: riservare lo spazio in anticipo significa che il browser non deve mai fare il reflow, ed è per questo che transform batte l'animazione di top.
Una raccolta di domande di colloquio IT con risposte dettagliate — da Junior a Senior.
Dona