4 dokumenty s tagem “CLS”
Znáte ten moment, kdy načtete článek, začnete číst a najednou vám reklama odsune text? Přesně tyhle nežádoucí posuny měří CLS (Cumulative Layout Shift). Google ji bere jako jednu ze tří Core Web Vitals a pro splnění dává hranici 0,1.
V PageSpeed.ONE sledujeme CLS u každé monitorované domény. Články níže ukazují, co na stránkách dělá problém nejčastěji (obrázky a videa bez rozměrů, dynamicky vkládaný obsah, pozdě načtené web fonty, bannery) a jak posuny jednou provždy opravit.
CLS: jak držet výšku elementů (obrázky, JS komponenty, iframy…)
V tomto textu se dozvíte, proč a jak je potřeba na úrovni HTML nebo CSS zajistit rozměry elementů, které se do stránky vkládají asynchronně, jako jsou prvky <img>, <iframe> nebo javascriptové komponenty.
Metrika Kumulativní posun layoutu (CLS): jak najít a odstranit nechtěné posuny stránky
Také vám vadí, když reklama na webu odsune text, který zrovna čtete? Jste naštvaní když vám těsně před kliknutím odskočí obsah a vy kliknete nechtěně jinam?
Optimalizace metriky CLS
Pojďme se společně podívat, jak se problémům s CLS vyvarovat a také, jak je můžete odstranit, když už se stanou.
Report „Domény“
Report „Domény“ ukazuje stav rychlosti měřených domén. Je to nejdůležitější report, pokud jde o vývoj rychlosti celého webu.