Il CLS (Cumulative Layout Shift, in italiano «stabilità visiva») misura quanto gli elementi della pagina si spostano da soli mentre si carica. Più la pagina resta ferma, più il valore è basso, e meglio è.
In parole semplici
Ti è mai capitato di voler toccare «Chiama» su un sito e, proprio in quell'istante, vedere il pulsante scendere perché sopra è comparso un banner? Hai toccato qualcos'altro. Pensa a un ristorante di Modena che riceve prenotazioni dal sito: se il modulo si sposta mentre il cliente scrive, la prenotazione rischia di saltare. Il CLS dà un numero a questo fastidio.
Dove lo trovi
Lo trovi nel test di velocità del sito, alla voce «CLS» o «Stabilità visiva». È uno dei tre Core Web Vitals e, a differenza degli altri, non è un tempo: è un valore senza unità di misura.
Valori di riferimento
Le soglie pubbliche di Google sono:
- entro 0,1: buono;
- tra 0,1 e 0,25: da migliorare;
- oltre 0,25: scarso.
Un valore alto non vuol dire che il sito sia lento: può essere velocissimo ma «ballare». Sono due problemi diversi, con rimedi diversi.
Cosa puoi fare
- Dai sempre una misura a immagini e video. Così il browser riserva lo spazio prima che arrivino e il testo non viene spinto in basso.
- Riserva lo spazio per banner e avvisi. Banner dei cookie, promozioni e moduli inseriti in alto sono tra le cause più frequenti.
- Controlla i caratteri personalizzati. Un font che cambia dimensione quando arriva può spostare intere righe.
- Prova il sito dal telefono. Aprilo come farebbe un cliente e osserva se qualcosa salta.
Termini collegati
- Core Web Vitals: i tre segnali di esperienza su cui si basa Google.
- LCP (Largest Contentful Paint): quando arriva il contenuto principale.
- INP (Interaction to Next Paint): quanto il sito risponde ai tocchi.
Una pagina stabile è anche una pagina che converte meglio i visitatori in contatti: se vuoi sistemarla, parti dalla pagina sulla realizzazione di siti web.