CLS apare când conținutul vizibil se mișcă după ce a fost deja pictat, deplasând ceea ce utilizatorul privea. Cauza este aproape întotdeauna conținut care se încarcă fără spațiu rezervat.
CLS apare când conținutul vizibil se mișcă după ce a fost deja pictat, deplasând ceea ce utilizatorul privea. Cauza este aproape întotdeauna conținut care se încarcă fără spațiu rezervat.
top, height) în loc de transform.width/height (sau aspect-ratio) ca spațiul să fie rezervat înainte de încărcare:<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 sau swap plus size-adjust/preload pentru a minimiza reflow-ul când sosește fontul web.position: absolute) sau împinge de jos.transform/opacity — sunt compuse (composited) și nu declanșează layout.CLS este cel mai corectabil Core Web Vital — de obicei este vorba de o mână de dimensiuni lipsă. Intervievatorii îl folosesc pentru a testa dacă înțelegi pipeline-ul de randare: rezervarea spațiului din start înseamnă că browserul nu trebuie niciodată să facă reflow, motiv pentru care transform bate animarea lui top.
O bibliotecă de întrebări de interviu IT cu răspunsuri detaliate — de la Junior la Senior.
Donează