di Andrea Cardinali
22 Agosto 2022
di Andrea Cardinali
22 Agosto 2022
Non è un segreto ormai che Google sia sempre più attento a facilitare l’esperienza di navigazione degli utenti privilegiando siti più usabili e veloci.
I Core Web Vitals, introdotti per la prima volta nel 2020 rappresentano il primo importante tentativo da parte di Google di assegnare un “punteggio” all’esperienza utente offerta da un sito.
Ecco perché se possiedi o gestisci un ecommerce non puoi non conoscere queste metriche, ritenute essenziali per garantire una buona esperienza di acquisto ai tuoi utenti.
In particolare sono tre le variabili prese in considerazione per valutare l’esperienza d’uso:
NB: Nel momento in cui scriviamo, i Core Web Vitals sono tre, ma in futuro potrebbero diventare molti di più.
Infatti, mano a mano che raccoglie dati, Google capisce sempre meglio come poter misurare l’esperienza utente e aggiustare il suo algoritmo.
Vediamoli insieme uno ad uno.
Il LCP misura il tempo necessario a mostrare l’elemento più grande presente nel viewport, ovvero l’area subito visibile a schermo (che per ovvi motivi cambia da schermo a schermo).
L’elemento più grande può essere un’immagine, un video o un elemento di tipo “blocco” contenente del testo.
Come funziona il LCP
Nell’immagine è possibile vedere come Google identifica l’elemento più grande in pagina:
mano a mano che il browser carica gli elementi dell’above the fold, identifica l’elemento “largest”. Il LCP è dato dalla misura del tempo necessario al browser per mostrare l’immagine arancione.
Il Largest Contentful Paint ha 3 soglie, come tutti gli altri Core Web Vitals: buono, necessita di miglioramento o scarso.
Per avere un punteggio verde per il Largest Contentful Paint è necessario che l’elemento più grande dello schermo compaia in meno di 2,5 secondi.
Considera che il viewport (l’area visibile) non è uguale per tutti, ma dipende dal dispositivo che stanno utilizzando i visitatori.
Per cui, se, ad esempio gran parte dei tuoi visitatori naviga da desktop con un monitor full-HD, il Largest Contentful Paint farà riferimento all’elemento più grande che compare nella risoluzione full-HD.
Al contrario, se la maggior parte degli utenti navigano da mobile, il Largest Contentful Paint a cui fare riferimento sarà quello della risoluzione mobile.
Il Largest Contentful Paint è impattato da tutto ciò che rallenta la visualizzazione di questo elemento.
Quindi:
Misura l’interattività della pagina, ovvero il tempo impiegato dal browser per rispondere all’input dell’utente. In altre parole è il tempo che passa dal momento in cui l’utente clicca al momento in cui il browser riceve il comando.
Il dato da tenere in considerazione a proposito del FID è che non è simulabile attraverso tools come Page Speed Insight o Google Lighthouse.
Dal momento che non tutti gli utenti interagiscono nello stesso istante, e che l’interazione varia da sito a sito, non c’è strumento in grado di simulare in maniera attendibile questo comportamento.
Quando il FID per il tuo sito non è disponibile puoi utilizzare una metrica “simile” che è il Total Blocking Time (TBT). L’obiettivo, indipendentemente dalla metrica utilizzata, è quello di rientrare nella soglia di valori ritenuta “buona”.
Il First Input Delay è molto sensibile al JavaScript, perché abbiamo detto che il First Input Delay parte quando il main thread è a riposo. Il main thread è a riposo quando non sta disegnando una pagina e non sta processando i JavaScript. Per cui:
Il CLS misura la stabilità visuale degli elementi presenti in pagina ed è dato dalla somma delle percentuali di spostamento degli elementi visibili dopo che sono stati mostrati per la prima volta.
Immagina di osservare il caricamento di una pagina web al fotofinish. Ogni volta che un elemento cambia posizione tra un fotogramma e l’altro, causa uno shift.
Il Cumulative Layout Shift dunque non è altro che la somma di questi spostamenti.
Nell’immagine, il CLS è l’area creata dallo spostamento verso il basso dell’elemento verde.
Come puoi vedere nel frame di sinistra, c’è un’immagine che si trova dalla parte alta dello schermo e che poi, in seguito al caricamento di un’azione che ha fatto il browser, è stata spostata più in basso.
Questo spostamento (lo “shift”), viene misurato dal browser insieme a tutti gli altri spostamenti degli elementi che sono inizialmente visibili all’interno della pagina. Quindi, se un elemento viene spostato e non è visibile nel viewport, questo non verrà considerato ai fini del calcolo del CLS.
Il CLS è un parametro che va da 0 a 1.
Lo possiamo considerare come una misura in percentuale di quanto gli elementi si spostano rispetto alla loro posizione iniziale. Quindi, se hai un CLS inferiore a 0,1 significa che gli elementi all’interno della pagina si sono spostati di meno del 10%.
Ecco qualche suggerimento:
Abbiamo detto che i Core Web Vitals rappresentano il primo tentativo di Google per misurare l’esperienza utente. Sebbene ci aiutino a creare una migliore navigazione, presentano anche alcuni limiti di cui tener conto.
Viste queste limitazioni, il nostro consiglio è di dotarti di software di misurazione alternativi e aggiuntivi rispetto a quelli messi a disposizione da Google. Ad esempio puoi memorizzare i CVW dentro Google Analytics o misurarli con software di RUM (Real User Monitoring).
Se stai notando rallentamenti nel tuo sito ecommerce e vuoi una soluzione definitiva per evitare di perdere i tuoi utenti, ti trovi nel posto giusto.
Per avere un’analisi della tua situazione compila il form in fondo alla pagina.
A proposito di: Andrea Cardinali
Commenti
0 Commenti
Compila il Form e scopri come possiamo aiutarti
"*" indica i campi obbligatori
Iscriviti alla Newsletter e ricevi i consigli per ottimizzare le performance del tuo sito internet
Leggi la nostra Privacy Policy per maggiori informazioni su come trattiamo i tuoi dati personali
Lascia un commento