Core Web Vitals

Cosa sono i Core Web Vitals?

I Core Web Vitals (spesso chiamati semplicemente Web Vitals), oggi, sono un insieme di parametri indispensabili per valutare l’usabilità di un sito internet, tant’è che da Giugno 2021 i Core Web Vitals diventano uno dei fattori di ranking.

Largest Contentful Paint (LCP)

Questa metrica indica il tempo in cui la pagina impiega per caricarsi, il LCP prende come punto di riferimento l’elemento più grande della pagine, come ad esempio un’immagine o un video.

Quali sono le possibili cause relative alla metrica LCP?

Immagini inserite tramite il tag <img;
Immagini inserite tramite il tag Immagini inserite tramite CSS con il parametro background;
Video tramite il tag <video.

Al fine di avere una buona esperienza utente e avere un buon punteggio da parte di Google, questa metrica non dovrebbe superare i 2,5 secondi, inoltre Google considera molto lenti i siti web con una metrica superiore ai 4 secondi.

Quali sono le causa di rallentamento dovute al rendering?

Tempo di risposta del server;
Tempi di caricamento delle risorse;
Risorse CSS e JavaScript che bloccano il rendering.

First Input Delay (FID)

Questa metrica indica il tempo trascorso prima che l’utente possa effettivamente avere un interazione su esso, come ad esempio il click di un pulsante.
Questa metrica deve essere intorno ai 100 millisecondi.

Quali sono le cause?

Contenuti dinamici iniettati dinamicamente;
Caricamento non corretto dei font;
Iframe senza dimensione;
Immagini senza dimensioni.

Cumulative Layout Shift (CLS)

Essa permette di misurare la stabilità visiva degli elementi di una pagina web.
Questa metrica calcola tutte le variazioni dei vari elementi della pagina web ed attribuisce loro un punteggio ad ogni singola variazione.
Per un risultato ottimale il valore della metrica CLS deve essere inferiore a 0,1.
L’improvviso spostamento di un elemento all’interno della pagina può infastidire l’utente, causando l’abbandono del sito internet.

Come posso misurare i Core Web Vitals di un sito internet?

Puoi misurare i Core Web Vitals tramite lo strumento Pagespeed Insight che Google mette a disposizione.
Inoltre, attraverso la Search Console è possibile visualizzare i report dei Core Web Vitals.