CLS (Cumulative Layout Shift) è una metrica dei Core Web Vitals che misura la stabilità visiva di una pagina attraverso la somma dei cambiamenti di layout imprevisti che si verificano durante la vita della pagina.
Un "cambiamento di layout" avviene quando un elemento visibile cambia posizione da un frame reso al successivo senza una causa iniziata dall'utente. Ogni cambiamento viene valutato in base all'impatto (quanto si è spostato il viewport) e alla distanza (quanto lontano si sono mossi gli elementi); il CLS è la somma di tutti questi cambiamenti. Soglie del 2026: ≤ 0.1 buono, ≤ 0.25 necessita di miglioramenti, > 0.25 scarso.
Correzioni comuni per il CLS nell'ecommerce: impostare sempre gli attributi width e height sulle immagini in modo che i browser riservino spazio; riservare spazio per contenuti incorporati (iframes, annunci, video) con dimensioni esplicite o CSS con rapporto d'aspetto; evitare i reflow da cambio di font utilizzando size-adjust su @font-face o font-display: optional; non iniettare banner o popup sopra contenuti esistenti; assicurarsi che i caricamenti scheletrici corrispondano alle dimensioni del contenuto caricato che stanno sostituendo.
Il CLS è spesso il Core Web Vital più facile da correggere e il più impattante per la qualità percepita — anche piccoli cambiamenti di layout sembrano poco professionali.