Core Web Vitals: Cosa Sono e a Cosa Servono

Quanto conta per Google la velocità del tuo sito? E come la misura? La risposta sta nei Core Web Vitals: tre metriche con cui Google misura l’esperienza reale degli utenti su una pagina, cioè quanto velocemente compare il contenuto principale (LCP), quanto rapidamente la pagina risponde a clic e tocchi (INP) e quanto resta stabile mentre si carica (CLS).

Cosa Sono i Core Web Vitals?

I Core Web Vitals, in italiano Segnali web essenziali, sono un insieme di metriche con cui Google misura l’esperienza reale degli utenti su una pagina: prestazioni di caricamento, interattività e stabilità visiva. Nascono nel 2020 dall’iniziativa Web Vitals del team di Chrome, si misurano sui dati degli utenti reali e compaiono in tutti gli strumenti di Google, dalla documentazione di Search Central a Search Console.

Web Vitals e Core Web Vitals: Che Differenza c’è?

Web Vitals è l’iniziativa di Google che dà indicazioni comuni sui segnali di qualità dell’esperienza sul web. I Core Web Vitals ne sono il sottoinsieme che vale per tutte le pagine e che ogni sito dovrebbe misurare. Altre metriche, come Time to First Byte (TTFB), First Contentful Paint (FCP) e Total Blocking Time (TBT), servono a diagnosticare i problemi ma non fanno parte dei Core Web Vitals; il TBT, per esempio, resta fuori perché non si può misurare sulle visite reali.

Le metriche passano per tre fasi, sperimentale, in attesa e stabile; quelle stabili cambiano al massimo una volta l’anno: è la strada che ha seguito l’INP prima di sostituire il FID.

Quali Sono i Core Web Vitals?

I Core Web Vitals sono tre: il Largest Contentful Paint (LCP) per il caricamento, l’Interaction to Next Paint (INP) per la reattività e il Cumulative Layout Shift (CLS) per la stabilità visiva.

Largest Contentful Paint (LCP): il Caricamento

L’LCP misura il tempo in cui compare l’elemento più grande visibile nella schermata iniziale: un’immagine, un video o un blocco di testo. È buono entro 2,5 secondi. Lo rallentano soprattutto un server lento a rispondere, un’immagine principale pesante o scoperta tardi e le risorse che bloccano il rendering: la guida al Largest Contentful Paint le analizza una per una.

Interaction to Next Paint (INP): la Reattività

L’INP misura quanto tempo passa tra un clic, un tocco o la pressione di un tasto e l’aggiornamento visibile della pagina, considerando tutte le interazioni della visita. È buono entro 200 millisecondi. Dal 12 marzo 2024 ha sostituito il First Input Delay, che misurava solo il ritardo della prima interazione: la guida all’Interaction to Next Paint spiega nel dettaglio il cambio.

Cumulative Layout Shift (CLS): la Stabilità Visiva

Il CLS misura gli spostamenti imprevisti del layout: il testo che scivola in basso mentre leggi, il pulsante che si sposta un attimo prima del clic. Considera l’intera vita della pagina, compreso quello che succede dopo il caricamento; riporta poi il gruppo di spostamenti più ampio.

• Come si calcola: ogni spostamento vale la frazione di schermo coinvolta moltiplicata per la distanza percorsa; gli spostamenti ravvicinati, a meno di un secondo l’uno dall’altro e per al massimo cinque secondi, formano una finestra: conta la finestra con il punteggio più alto.
• Cosa non conta: gli spostamenti che avvengono entro 500 millisecondi da un’azione dell’utente, per esempio un menu che si apre al clic.
• Soglie: buono fino a 0,1, scadente oltre 0,25.
• Cause tipiche: immagini e video senza dimensioni, annunci, embed e iframe che si ridimensionano, contenuti inseriti sopra quelli già visibili, web font che cambiano la dimensione del testo.
• Rimedi: attributi width e height, o aspect-ratio, su immagini e video; spazio riservato ad annunci e banner; nessun inserimento sopra il contenuto già mostrato; font caricati in modo da non spostare il testo.

Quali Sono i Valori Ottimali dei Core Web Vitals?

Una pagina offre una buona esperienza quando l’LCP resta entro 2,5 secondi, l’INP entro 200 millisecondi e il CLS entro 0,1. Search Console divide i risultati in tre fasce, con queste etichette:

• LCP: buono fino a 2,5 secondi, richiede miglioramenti fino a 4 secondi, scadente oltre 4 secondi.
• INP: buono fino a 200 millisecondi, richiede miglioramenti fino a 500 millisecondi, scadente oltre 500 millisecondi.
• CLS: buono fino a 0,1, richiede miglioramenti fino a 0,25, scadente oltre 0,25.

Come si Supera la Valutazione dei Core Web Vitals?

Una pagina supera la valutazione dei Core Web Vitals quando tutte e tre le metriche sono nella fascia buona al 75° percentile delle visite reali: basta una metrica fuori soglia per non superarla. Ecco cosa significa in pratica:

• il 75° percentile indica che almeno tre visite su quattro hanno avuto un’esperienza pari o migliore della soglia: così si tiene conto anche dei dispositivi e delle connessioni più lenti, senza farsi condizionare dai casi estremi;
• per fare un esempio, su 100 visite l’LCP della pagina è buono se almeno 75 vedono comparire l’elemento principale entro 2,5 secondi;
• smartphone e desktop si valutano separatamente;
• se l’INP non ha dati sufficienti bastano LCP e CLS buoni, mentre senza dati su LCP o CLS la pagina non si può valutare;
• in Search Console le pagine simili sono raggruppate e lo stato del gruppo è quello della metrica peggiore;
• i dati coprono gli ultimi 28 giorni: un miglioramento compare per intero nei report circa un mese dopo il rilascio.

A Cosa Servono i Core Web Vitals?

I Core Web Vitals servono a misurare con gli stessi numeri, per tutti i siti, se una pagina si carica in fretta, risponde subito e resta stabile. Nel lavoro quotidiano li usi per:

• avere un linguaggio comune tra marketing, SEO e sviluppo;
• capire quali modelli di pagina, come schede prodotto, articoli o checkout, creano problemi e su quale dispositivo;
• dare una priorità agli interventi, partendo dalle pagine con più visite;
• verificare dopo ogni rilascio che il sito non sia peggiorato.

I Core Web Vitals Sono un Fattore di Ranking?

Sì: Google conferma nella sua guida all’esperienza sulle pagine che i Core Web Vitals sono usati dai suoi sistemi di ranking, ma non garantiscono le prime posizioni e non superano la pertinenza del contenuto. Le indicazioni ufficiali sono chiare:

• non esiste un unico segnale di page experience: i sistemi di ranking considerano più segnali legati all’esperienza;
• Google mostra comunque il contenuto più pertinente anche se l’esperienza è scadente; quando molte pagine rispondono bene alla stessa ricerca, una buona esperienza può fare la differenza;
• buoni valori nel report di Search Console o negli strumenti di terze parti non garantiscono il posizionamento;
• la valutazione riguarda in genere la singola pagina, con alcune valutazioni a livello di sito;
• già nel 2021, all’arrivo nel ranking, Google avvertiva di non aspettarsi cambiamenti drastici.

Cosa Resta degli Altri Aspetti della Page Experience?

HTTPS, visualizzazione corretta su smartphone, assenza di interstitial invadenti, annunci non eccessivi e contenuto principale ben distinguibile: Google li indica ancora come aspetti di una buona esperienza, ma non come segnali di un sistema unico. Il report Esperienza pagina di Search Console è diventato una pagina di rimando e il report Usabilità su dispositivi mobili è stato ritirato dal 1° dicembre 2023. Un audit SEO controlla questi aspetti insieme a scansione, indicizzazione e contenuti.

Dati di Campo e Dati di Laboratorio: Quali Contano?

Per i Core Web Vitals contano i dati di campo, raccolti dal Chrome User Experience Report sugli utenti reali di Chrome negli ultimi 28 giorni; i dati di laboratorio servono a trovare le cause. Per questo PageSpeed Insights mostra due serie di numeri: in alto i dati di campo, sotto il punteggio da 0 a 100 calcolato da Lighthouse su un caricamento simulato.

I due valori possono non coincidere: dispositivi, reti, cache e interazioni degli utenti reali sono diversi da una simulazione. Le pagine con poco traffico possono non avere dati propri e vengono valutate sui dati del gruppo di pagine simili o dell’intero sito. Ogni strumento si legge in modo diverso: la guida al test dei Core Web Vitals li passa in rassegna uno per uno.

Come si Migliorano i Core Web Vitals?

Ogni metrica ha cause tipiche: l’LCP dipende soprattutto da server, immagine principale e risorse che bloccano il rendering; l’INP dal JavaScript che tiene occupato il browser; il CLS da elementi caricati senza uno spazio riservato.

• LCP: riduci il tempo di risposta del server, fai scoprire subito l’immagine principale e alleggeriscila, rimanda gli script e i fogli di stile non essenziali.
• INP: spezza i compiti JavaScript lunghi, riduci gli script di terze parti e il lavoro che parte a ogni clic.
• CLS: assegna dimensioni a immagini, video e spazi pubblicitari ed evita di inserire contenuti sopra quelli già visibili.

Il metodo che proponiamo è questo: parti dai dati di campo, divisi per modello di pagina e dispositivo; cerca le cause in laboratorio; fai realizzare gli interventi agli sviluppatori; verifica il risultato sulle visite reali dopo 28 giorni. Un progetto di ottimizzazione dei siti web segue questo percorso.

Le Tappe dei Core Web Vitals dal 2020

In pochi anni i Core Web Vitals sono passati da proposta del team di Chrome a riferimento stabile per misurare l’esperienza sulle pagine:

• 5 maggio 2020: Chrome presenta l’iniziativa Web Vitals con i primi tre Core Web Vitals: LCP, FID e CLS.
• 28 maggio 2020: Google annuncia che entreranno nel ranking insieme agli altri aspetti della page experience.
• Giugno-agosto 2021: il rilascio su smartphone parte a metà giugno e raggiunge il pieno effetto a fine agosto.
• 22 febbraio 2022: parte il rilascio su desktop, completato in nove giorni.
• 19 aprile 2023: Google chiarisce che non esiste un unico segnale di page experience e annuncia il ritiro dei report sull’usabilità mobile.
• 12 marzo 2024: l’INP diventa Core Web Vital al posto del FID.

Tre Numeri da Leggere per Modello di Pagina

LCP, INP e CLS riassumono in tre numeri caricamento, reattività e stabilità, misurati sulle visite reali; secondo la guida di Google, una buona esperienza può contribuire al successo nella Ricerca quando molte pagine rispondono bene alla stessa ricerca. Letti come media dell’intero sito nascondono le differenze: divisi per modello di pagina e per dispositivo mostrano se il problema sta nelle schede prodotto su smartphone o nel checkout su desktop.

Analizziamo i Core Web Vitals per modello di pagina e dispositivo, consegniamo agli sviluppatori gli interventi in ordine di priorità e ne verifichiamo il risultato sui dati reali nell’ambito dell’ottimizzazione dei siti web: puoi richiederci una prima lettura dei report Core Web Vitals del tuo sito.

Domande Frequenti sui Core Web Vitals