UX & Core Vitals
⏱️ 5 min lettura
CLS: Come fermare gli elementi che ballano
Il Cumulative Layout Shift (CLS) misura la stabilità visiva. Un CLS alto significa che gli elementi della pagina si spostano mentre l'utente sta leggendo o interagendo.
Le cause del "Layout Shift"
- Immagini senza dimensioni: Se non dichiari width e height, il browser non sa quanto spazio riservare e "salta" quando l'immagine viene caricata.
- Annunci dinamici: Banner che compaiono all'improvviso spingendo il contenuto verso il basso.
- Web Fonts (FOIT/FOUT): Caricamento ritardato dei font che cambia la dimensione dei blocchi di testo.
💡 Soluzione Tecnica
Usa l'attributo CSS aspect-ratio e pre-alloca lo spazio per gli elementi dinamici. La stabilità visiva è uno dei segnali più forti per la UX di Google.