Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Performance
Cos'è CLS e perché i contenuti si spostano durante il caricamento di un sito Web?
CLS (Cumulative Layout Shift) misura quanto i contenuti di una pagina si spostano durante il caricamento — Google valuta un valore fino a 0,1 come buono, sopra 0,25 come cattivo. Tutti conoscono l'effetto: si vuole toccare un link, nell'ultimo momento un'immagine di caricamento sposta tutto verso il basso, e il dito atterra sulla pubblicità accanto. Esattamente questi salti conta il CLS insieme.
Gli spostamenti di layout costano fiducia e portano a clic sbagliati
Uno slittamento si verifica quando un elemento occupa lo spazio solo dopo che la pagina è già stata visualizzata: un'immagine si carica senza area riservata, un banner pubblicitario si inserisce tra il titolo e il testo, un carattere caricato successivamente cambia l'altezza della riga. Per i visitatori sembra che la pagina abbia un cattivo contatto. La conseguenza pratica sono i clic sbagliati: il dito punta su "Annulla" e colpisce "Acquista", perché i pulsanti si sono spostati nell'ultimo momento. Il CLS somma tutti questi spostamenti durante il caricamento della pagina in un singolo numero — più grande è l'area spostata e più grande è il salto, più alto è il valore.
I limiti di Google: 0,1 buono, da 0,25 cattivo
A differenza dei valori di misurazione del tempo, il CLS non ha un'unità — è un numero di rapporto da area spostata e distanza di salto. Fino a 0,1 è considerato buono, fino a 0,25 come da migliorare, sopra è cattivo. Una pagina i cui contenuti non si spostano affatto raggiunge 0. Il servizio di verifica accetta questi limiti ufficiali di Google invariati e misura mobile e desktop separatamente, perché su uno schermo di telefono stretto, lo stesso spostamento ha un effetto più forte: ciò che è un piccolo spostamento sul desktop sposta l'intera area visibile sul telefono.
Così il servizio di verifica misura la stabilità del layout
Il servizio di verifica recupera la misurazione di PageSpeed di Google per ogni pagina verificata. Fornisce il CLS da due fonti: dai dati di campo dei visitatori reali negli ultimi 28 giorni, se la pagina ha abbastanza visualizzazioni, e da una misurazione in laboratorio in condizioni fisse. Se ci sono dati di campo, hanno priorità — mostrano cosa accade ai visitatori reali, incluse connessioni lente e dispositivi vecchi. Ogni valore sopra la soglia appare come rilievo nel rapporto, con valore misurato, fonte della misurazione e il valore target 0,1 accanto, in modo che la Sua agenzia possa migliorare in modo mirato.
- Carichi la Sua pagina iniziale su un telefono cellulare e osservi i primi secondi: il testo scorre verso il basso quando appaiono immagini o banner?
- Chieda alla Sua agenzia di depositare larghezze e altezze fisse per ogni immagine e video, in modo che lo spazio sia riservato dall'inizio.
- Lasci che le aree pubblicitarie e gli incorporamenti abbiano un frame fisso, che rimane in piedi anche se il contenuto arriva più tardi o per niente.
- Richieda che i banner di notifica — ad esempio su cookie o promozioni — si libri sopra la pagina o sia pianificato dall'inizio, invece di spingere il contenuto verso il basso.
- Controllare il CLS di nuovo dopo ogni grande riordino della pagina iniziale, perché solo un nuovo banner può trasformare un buon valore in uno cattivo.