CLS nastává, když se viditelný obsah pohne poté, co už byl vykreslen, a posune to, na co se uživatel díval. Příčinou je téměř vždy obsah, který se načte bez rezervovaného místa.
CLS nastává, když se viditelný obsah pohne poté, co už byl vykreslen, a posune to, na co se uživatel díval. Příčinou je téměř vždy obsah, který se načte bez rezervovaného místa.
top, height) místo transform.width/height (nebo aspect-ratio), aby se místo rezervovalo před načtením:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- rezervuje box -->
.hero { aspect-ratio: 16 / 9; } /* rezervuje poměr pro responzivní média */
font-display: optional nebo swap plus size-adjust/preload pro minimalizaci přetečení, když web font dorazí.position: absolute) nebo tlačte odspodu.transform/opacity — jsou kompozitované a nespouštějí layout.CLS je nejlépe opravitelný Core Web Vital — obvykle jde o hrstku chybějících rozměrů. Tazatelé jej používají k ověření, zda rozumíte render pipeline: rezervování místa předem znamená, že prohlížeč nikdy nemusí přetékat layout, a proto transform poráží animování top.
Knihovna IT otázek k pohovoru s podrobnými odpověďmi — od Junior po Senior.
Přispět