Google Core Web Vitals

Cosa sono i Core Web Vitals

Sono indicatori di Google usati per misurare l'esperienza utente (UX) su un sito o una pagina web. Queste metriche sono visibili nella Search console di Google.

Perché è necessario ottimizzarli

A partire dal 2021 sono considerati fattori di ranking per il posizionamento sul motore di ricerca.

Quali sono le principali metriche

I principali Core Web Vitals usati da Google sono

• LCP (Largest Contentful Paint)
  Misura il tempo di caricamento sul browser dell'elemento più grande della pagina web. Ad esempio un'immagine o un blocco di testo. Quanto più è basso, tanto migliore è la UX. Al di sotto di 2.5 secondi la UX è buona. Al di sopra di 4.0 secondi è scarsa.

  Come si ottimizza LCP. Individuare l'elemento più grande tramite il rapporto Web Core Vitals della search console e ridurre il tempo di caricamento ottimizzandone il formato o le dimensioni dell'immagine, la compressione del testo, ecc. Utilizzare una rete CDN o risorse Cache per ridurre i tempi di caricamento. In generale, va bene qualsiasi altro consiglio valido per aumentare la velocità di caricamento della pagina.

• FID (First Input Delay)
  Misura la reattività della pagina. Quanto velocemente reagisce a un'azione online dell'utente. Ad esempio, il click o un tap (tocco) su un pulsante. Quanto più è basso, tanto più reattivo è il sito e migliore la UX. Al di sotto di 100 ms la UX è buona. Al di sopra di 300 ms la UX è scarsa.

  Come migliorare la FID. Revisionare il codice javascript del sito. Spesso rallenta la funzionalità della pagina sul browser dell'utente. Eliminare tutto ciò che rallenta il rendering della pagina sui device (file javascript e css).

• CLS (Cumulative Layout Shift)
  E' la stabilità visiva del layout. Misura la quantità di elementi che si sposta nella pagina durante il caricamento e la navigazione. Questa metrica varia da 0 (stabile) a 1. Quanto più è basso, tanto più stabile è il layout e minore la frustrazione dell'utente. Al di sotto di 0.1 la UX è buona. Al di sopra di 0.25 la UX è scarsa.

  Come ottimizzare il CLS. Indicare le dimensioni (width, height) delle immagini. Ridurre gli annunci pubblicitari, le finestre dinamiche in javascript, gli elementi embed caricati dall'esterno senza dimensioni prefissate, ecc.

Le metriche LCP, FID e CLS sono un sottoinsieme di indicatori Web Vitals ben descritti nel sito web.dev/vitals che riflettono la user experience durante la navigazione online.

Come misurare i Core Web Vitals

Per conoscere i Core Web Vitals di un sito o di una pagina, posso usare la Search Console di Google.

C'è un'apposita voce Segnali web essenziali sul menu laterale a sinistra

Nel rapporto della search console sono indicate le ultime rilevazioni delle metriche sulle singole pagine del sito web.

Una volta individuate le pagine problematiche devo analizzare la causa del problema.

Per fare questo utilizzo lo strumento PageSpeed ​​Insights di Google.

I Core Web Vitals sono strettamente legati alla velocità del sito web.

Ci sono anche altre risorse online per misurarla.

Ad esempio, tramite il tool Lighthouse installato sul browser Chrome.

Attenzione. Bisogna però fare attenzione. Queste metriche misurate in laboratorio, in condizioni ideali (elementi in memoria cache, alta connettività, basso traffico), spesso sono diverse da quelle "reali" sul browser dell'utente.

E così via.