LCP, INP e CLS spiegati senza gergo: cosa misurano, quali sono le soglie indicate da Google, dove leggere i dati veri del tuo sito e quali interventi servono davvero, con un occhio di riguardo agli ecommerce.
Cosa sono i Core Web Vitals
I Core Web Vitals sono tre metriche con cui Google misura l'esperienza reale di chi visita un sito: quanto velocemente compare il contenuto principale, quanto rapidamente la pagina risponde quando l'utente interagisce e quanto è stabile mentre si carica. Non sono un punteggio astratto: vengono calcolati sui dati raccolti dai browser Chrome di utenti veri.
Google li indica tra i segnali dell'esperienza nella pagina che i suoi sistemi di ranking prendono in considerazione, ma chiarisce anche che la pertinenza dei contenuti resta più importante: una pagina velocissima ma poco utile non supera una pagina lenta che risponde meglio alla ricerca. Il motivo vero per occuparsene, soprattutto per un ecommerce, è un altro: un sito lento o che «salta» mentre si carica perde clienti.
Le tre metriche e le soglie
| Metrica | Cosa misura | Buono | Scarso |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Il tempo in cui compare l'elemento principale della pagina, di solito l'immagine più grande o il blocco di testo principale | Entro 2,5 secondi | Oltre 4 secondi |
| INP (Interaction to Next Paint) | Il tempo con cui la pagina reagisce a clic, tocchi e tasti, lungo tutta la visita | Entro 200 millisecondi | Oltre 500 millisecondi |
| CLS (Cumulative Layout Shift) | Quanto gli elementi si spostano inaspettatamente mentre la pagina si carica | Entro 0,1 | Oltre 0,25 |
Le soglie vanno rispettate al 75° percentile delle visite, separatamente per mobile e desktop: non basta che la pagina sia veloce sul tuo computer in ufficio, deve esserlo per la grande maggioranza dei visitatori reali, compresi quelli con smartphone di fascia media e connessioni lente.
Dove leggere i dati veri
Il primo errore è ottimizzare un numero sbagliato. Esistono due tipi di dati, e servono a cose diverse:
- dati sul campo: raccolti dagli utenti reali negli ultimi 28 giorni. Li trovi nel rapporto Core Web Vitals di Google Search Console e nella parte alta di PageSpeed Insights. Sono quelli che contano per Google;
- dati di laboratorio: una simulazione su un singolo caricamento, come il punteggio Lighthouse. Sono utili per capire le cause e verificare una correzione, ma il punteggio da 0 a 100 non è un Core Web Vital.
Il rapporto di Search Console ha un vantaggio decisivo: raggruppa le pagine simili. Su un ecommerce vedrai subito se il problema riguarda tutte le schede prodotto o tutte le categorie, cioè un modello di pagina da correggere una volta sola, e non mille pagine da sistemare una per una.
Come migliorare l'LCP
Nella maggior parte dei siti l'elemento LCP è un'immagine: il banner della home, la foto principale della scheda prodotto, l'immagine di copertina di un articolo. Gli interventi con più effetto sono quasi sempre gli stessi:
- un server che risponde in fretta: hosting adeguato, cache della pagina attiva, database in ordine;
- immagini nel formato giusto (WebP o AVIF) e nelle dimensioni in cui vengono mostrate, non foto da 4000 pixel ridotte via codice;
- nessun caricamento differito (lazy loading) sull'immagine principale: va caricata subito, anzi con priorità alta;
- meno CSS e JavaScript che bloccano la visualizzazione, a partire da quelli di moduli e plugin non usati nella pagina;
- attenzione ai caroselli in home: spesso l'elemento LCP è la prima slide, che arriva solo dopo il caricamento dello script del carosello.
Come migliorare l'INP
L'INP peggiora quando il browser è impegnato a eseguire JavaScript e non riesce a rispondere all'utente. Sugli ecommerce i colpevoli sono spesso gli stessi: script di tracciamento accumulati negli anni, chat, popup, widget di recensioni, filtri a faccette pesanti, temi con molti effetti.
- Fai l'inventario degli script di terze parti e togli quelli che nessuno guarda più.
- Carica in modo differito tutto ciò che non serve all'apertura della pagina.
- Verifica le interazioni più frequenti: aggiunta al carrello, apertura del menu, scelta di una variante, applicazione di un filtro.
- Spezza le operazioni lunghe del codice in modo che il browser possa rispondere nel frattempo.
Come migliorare il CLS
Il CLS misura i salti della pagina: il classico caso in cui stai per toccare un pulsante e all'ultimo istante compare un banner che lo sposta. Le cause tipiche sono immagini senza dimensioni dichiarate, banner dei cookie o promozionali inseriti in cima alla pagina dopo il caricamento, caratteri web che cambiano dimensione quando arrivano, spazi pubblicitari senza un'altezza riservata.
La soluzione è riservare sempre lo spazio: dimensioni esplicite per immagini e video, contenitori con altezza fissa per gli elementi che arrivano dopo, banner che si sovrappongono alla pagina invece di spingerla in basso.
Il caso degli ecommerce
Su un negozio online le pagine che contano di più sono categorie e schede prodotto, ed è lì che di solito si concentrano i problemi: tante immagini, filtri, varianti, moduli che aggiungono ciascuno il proprio codice. Su PrestaShop e WooCommerce ogni modulo o plugin installato può caricare file su tutte le pagine, anche dove non serve.
Per questo il lavoro sulle prestazioni di un ecommerce non si esaurisce in un intervento una tantum: ogni nuovo modulo, banner o script di marketing può peggiorare i valori. Conviene controllare il rapporto di Search Console con regolarità, come parte della manutenzione.
Hosting, immagini, cache e codice: gli interventi che rendono il sito più rapido.
Perché le prestazioni vanno controllate con regolarità, non solo al lancio.
Cosa aspettarsi
Dopo una correzione i dati sul campo cambiano gradualmente, perché sono calcolati sugli ultimi 28 giorni: servono alcune settimane per vedere l'effetto pieno in Search Console. Quanto al posizionamento, migliorare i Core Web Vitals raramente da solo fa salire una pagina; aiuta però a non perdere visitatori e vendite, ed è un vantaggio quando i contenuti sono equivalenti a quelli dei concorrenti.
Analizziamo i dati reali di Search Console del tuo sito, individuiamo i modelli di pagina con i problemi più gravi e ti diciamo cosa correggere, in ordine di impatto.
Richiedi un'analisiAudit tecnico, ricerca delle parole chiave, contenuti e link building, con report mensili trasparenti.