Cumulative layout shift

Cumulative Layout Shift

Il Cumulative Layout Shift, spesso abbreviato CLS, misura quanto una pagina subisce spostamenti imprevisti degli elementi visivi durante il caricamento e l'interazione. In pratica osserva quanto e quanto spesso contenuti come immagini, bottoni o testi si muovono rispetto alla posizione iniziale, creando cambiamenti che possono sorprendere l'utente. Questi spostamenti possono portare a clic sbagliati, frustrazione e a una percezione di scarsa qualità del sito. Le cause più comuni sono immagini senza dimensioni, annunci o widget caricati dinamicamente, font che cambiano il layout e inserimenti di contenuti sopra quelli già visibili. Misurare il CLS aiuta a identificare questi problemi e a rendere l'esperienza più stabile e prevedibile. Per ridurlo si possono riservare gli spazi per immagini e annunci, impostare larghezza e altezza per i media, evitare di inserire contenuti sopra quelli esistenti e usare placeholder o strategie di caricamento progressive. Anche la gestione attenta dei font e dei caricamenti asincroni contribuisce a diminuire gli spostamenti. Un basso CLS rende la navigazione più comoda e affidabile, soprattutto su dispositivi mobili.