Cosa sono i Core Web Vitals
I Core Web Vitals sono un insieme di metriche definite da Google per misurare l'esperienza utente reale su una pagina web. Dal 2021 sono un fattore di ranking ufficiale e vengono misurati sui dati reali degli utenti Chrome (CrUX).
Le tre metriche
- LCP (Largest Contentful Paint): misura il tempo di caricamento dell'elemento più grande visibile nel viewport. Obiettivo: sotto 2,5 secondi.
- INP (Interaction to Next Paint): misura la reattività del sito alle interazioni dell'utente. Ha sostituito FID nel 2024. Obiettivo: sotto 200 millisecondi.
- CLS (Cumulative Layout Shift): misura la stabilità visiva della pagina, ovvero quanto gli elementi si spostano durante il caricamento. Obiettivo: sotto 0,1.
Come misurarli
Gli strumenti principali sono Google PageSpeed Insights, Google Search Console (report Core Web Vitals), Chrome DevTools e Lighthouse. PageSpeed Insights mostra sia dati di laboratorio che dati reali (field data).
Come migliorarli
Le ottimizzazioni più impattanti:
- LCP: ottimizzare immagini (WebP, dimensioni corrette), preload delle risorse critiche, CDN.
- INP: ridurre il JavaScript bloccante, usare web workers, ottimizzare gli event handler.
- CLS: specificare width/height per immagini e video, evitare font swap visibili, riservare spazio per contenuti caricati dinamicamente.