Core Web Vitals

Cosa sono i Core Web Vitals?

I Core Web Vitals sono tre parametri concreti utilizzati da Google per valutare l’esperienza utente percepita su una pagina web: LCP (Largest Contentful Paint) misura la velocità di caricamento del contenuto principale, INP (Interaction to Next Paint) misura la rapidità con cui la pagina risponde ai clic e ai tocchi sullo schermo, e CLS (Cumulative Layout Shift) misura la stabilità visiva. L’INP ha sostituito il precedente FID il 12 marzo 2024. Una pagina supera il test se l’LCP è pari o inferiore a 2,5 secondi, l’INP è pari o inferiore a 200 ms e il CLS è pari o inferiore a 0,1.

Perché i Core Web Vitals sono importanti?

Per un negozio online, questi punteggi influiscono sia sulle vendite sia sulla visibilità. Un LCP lento e un INP instabile sulle pagine di prodotti e collezioni aumentano gli abbandoni e riducono il tasso di conversione proprio lì dove il cliente è più vicino all’acquisto. I Core Web Vitals contribuiscono anche ai segnali di page experience di Google e possono fungere da ago della bilancia tra risultati altrimenti altrettanto validi. Google valuta i punteggi basandosi sui dati reali sul campo dei visitatori reali (il Chrome User Experience Report) al 75° percentile, riportati separatamente per dispositivi mobili e desktop — di conseguenza, è il quarto dei tuoi utenti più lenti a decidere il risultato finale.

Casi d’uso comuni

• Diagnosticare una pagina prodotto lenta con PageSpeed Insights o il report Core Web Vitals in Search Console.
• Ottimizzare l’LCP comprimendo le immagini principali (hero images), utilizzando il formato WebP e precaricando l’immagine di dimensioni maggiori.
• Rimuovere il CLS causato da banner, popup dei cookie e font di testo che spostano il layout durante il caricamento della pagina.
• Migliorare l’INP riducendo il codice JavaScript pesante proveniente da app e script di terze parti.
• Documentare l’impatto di un nuovo tema o di un’app per gli sviluppatori o per la direzione.

Prospettiva di Shopify

I temi di Shopify partono spesso con ottime prestazioni, ma app, chatbot e script di tracciamento tendono a peggiorare i punteggi. Effettua sempre le misurazioni su URL reali con dati sul campo anziché basarti su un singolo numero di laboratorio, e disinstalla le app che non utilizzi più. Affidati al lazy loading nativo del tema e al CDN di immagini di Shopify, e tieni presente che popup e banner pubblicitari sono le cause più comuni di un CLS scadente in pratica.