Core Web Vitals: la guida per chi non parla di numeri

I Core Web Vitals sono tre numeri che Google usa per capire se una pagina è veloce o lenta. Non sono la velocità in assoluto: sono la percezione di rapidità, interattività e stabilità visiva.

LCP: quanto tempo ci mette a comparire qualcosa

Il Largest Contentful Paint misura quando appare l'elemento più grande visibile: spesso l'immagine in evidenza, spesso il titolo. Sopra i 2,5 secondi il sito è considerato lento.

La causa più comune non è il server: è l'immagine hero non ottimizzata. Un PNG da 2 MB blocca il primo render, punto. La soluzione è banale e quasi sempre gratis: formato moderno, dimensioni dichiarate, caricamento prioritario.

INP: quanto tempo aspetta chi clicca

L'Interaction to Next Paint sostituisce dal 2024 la vecchia First Input Delay. Misura la risposta a un'interazione reale: clic, tocco, pressione di un tasto. Sopra i 200 millisecondi l'interfaccia sembra lenta.

Quasi sempre il colpevole è JavaScript che blocca il main thread. Tradotto: troppa logica in un unico file, oppure un componente che si ri-renderizza a ogni keystroke di un form.

CLS: quanto salta il contenuto

Il Cumulative Layout Shift misura quanto la pagina si sposta mentre carica. Sopra 0,1 il layout è considerato instabile.

La causa tipica è una immagine o un banner senza dimensioni dichiarate: il browser non sa quanto spazio prenotare e quando arriva il contenuto spinge tutto giù.

Da dove si comincia

Si comincia dai dati, non dalle sensazioni. Installate un monitoraggio reale (RUM) e misurate sul campo, sui dispositivi dei vostri utenti, non sul vostro portatile con la fibra. Poi scegliete un numero solo da migliorare e misurate ogni settimana.

Un sito non diventa veloce per un colpo di genio. Diventa veloce perché ogni settimana qualcuno guarda un numero e lo abbassa.