Definiție
CLS (Cumulative Layout Shift) — CLS măsoară stabilitatea vizuală: cât de mult se deplasează neașteptat elementele paginii.
Răspuns scurt
Țintă: ≤ 0,1. Setați width/height pentru imagini și iframe-uri, rezervați spațiu pentru bannere și folosiți font-display cu fonturi de rezervă ajustate.
Surse tipice
- imagini fără dimensiuni;
- reclame și bannere inserate deasupra conținutului;
- fonturi web care schimbă metricile textului.
Surse
- Cumulative Layout Shift (CLS) — web.dev