Core Web Vitals: cosa sono e come migliorarle

Le Core Web Vitals sono tre metriche con cui Google misura l’esperienza reale su una pagina. Non simulazioni: dati raccolti da persone vere, su dispositivi veri.

Un sito può avere contenuti ottimi e un design curato. Se è lento, instabile o non risponde subito, buona parte di quel lavoro va persa. Le persone escono, Google lo registra, il posizionamento ne risente. Per questo non è un tema da lasciare solo agli sviluppatori.

Le tre metriche

LCP, Largest Contentful Paint

Quanto tempo serve perché il contenuto principale della pagina diventi visibile. Buono entro 2,5 secondi; oltre 4 secondi è “scarso”.

INP, Interaction to Next Paint

Quanto risponde il sito: il tempo tra un tocco o un clic e la reazione visibile della pagina. Buono sotto i 200 millisecondi; sopra i 500 è un problema.

CLS, Cumulative Layout Shift

Quanto “salta” la pagina mentre si carica: pulsanti che si spostano, testi che cambiano posto. Buono sotto 0,1.

Tre numeri, ma dietro ognuno c’è una domanda semplice. La pagina si carica in fretta? I pulsanti rispondono subito? La pagina sta ferma sotto le dita?

Perché pesano sul lavoro

• Esperienza. Un sito veloce e stabile comunica cura senza dire una parola. Uno lento comunica il contrario, anche se il servizio è ottimo.
• Posizionamento. Sono uno dei segnali che Google usa per valutare una pagina. Non l’unico, ma tra siti con contenuti simili possono fare la differenza.
• Conversioni. Più la pagina è lenta, più persone abbandonano. Meno persone che restano vuol dire meno richieste, meno prenotazioni, meno vendite.

I problemi più comuni

• Immagini non ottimizzate. File da diversi megabyte, senza compressione né formati moderni come WebP o AVIF.
• Troppo JavaScript. Plugin, script di tracciamento e widget esterni che bloccano la pagina.
• Hosting lento. Se il server impiega troppo solo a rispondere, nessuna ottimizzazione sul sito basta.
• Layout instabile. Immagini senza dimensioni, font caricati in ritardo, banner che compaiono dopo.

Google Search Console mostra la situazione del tuo sito, pagina per pagina, divisa in “buono”, “da migliorare” e “scarso”. È gratuito, ed è il primo posto da guardare.

Come migliorarle

Per l’LCP

• comprimere le immagini e usare formati moderni, con caricamento differito dove serve;
• precaricare le risorse critiche;
• scegliere un hosting che risponde in fretta.

Per l’INP

• ridurre e rimandare il JavaScript non necessario;
• evitare operazioni lunghe che bloccano il browser;
• limitare script e widget di terze parti.

Per il CLS

• dare sempre larghezza e altezza a immagini e video;
• non inserire contenuti sopra quelli già visibili;
• caricare i font in modo che non spostino il testo.

È uno dei motivi per cui sviluppiamo i siti in Astro: genera pagine HTML leggere, senza JavaScript superfluo, e parte con le Core Web Vitals già dalla parte giusta. Questo sito ne è un esempio.

Il punto

Le Core Web Vitals non sono un’ottimizzazione da fare “quando c’è tempo”. Misurano quanto bene funziona il tuo sito per chi lo usa. Un sito che le rispetta è più veloce, più stabile, più credibile, e converte di più.

Se vuoi sapere a che punto è il tuo, parti da Search Console. Se ti serve qualcuno che legga i dati e intervenga, scrivici.