CLS (Cumulative Layout Shift)

Definice

CLS (Cumulative Layout Shift) je metrika Core Web Vitals, která měří, kolik se prvky na stránce neočekávaně posunou během načítání (např. když se až dodatečně načte obrázek pod textem a odsune tlačítko, na které chtěl návštěvník kliknout). Google doporučuje hodnotu do 0,1 jako dobrou.

Aplikace

E-shop může mít vysoký CLS, pokud se reklamní banner na produktové stránce načte až po zobrazení tlačítka „Koupit“ a posune ho níže – řešením je předem rezervovat místo pro banner v kódu stránky, aby k posunu nedocházelo.