Core Web Vitals nell'e-commerce: LCP, INP e CLS in una scheda prodotto

I Core Web Vitals sono tre metriche con cui Google misura l'esperienza di caricamento di una pagina. Influiscono sul posizionamento, ma soprattutto riflettono qualcosa che incide direttamente sulle vendite: se la pagina si vede e risponde rapidamente.

LCP: l'elemento più grande

Largest Contentful Paint misura quanto impiega a essere visualizzato l'elemento più grande della schermata iniziale. In una scheda prodotto è quasi sempre l'immagine principale. Obiettivo: meno di 2,5 s.

• Non usare il caricamento differito sull'immagine principale.
• Aggiungi fetchpriority="high" a quell'immagine.
• Servila in WebP o AVIF e alla dimensione in cui viene mostrata.
• Riduci il tempo di risposta del server (vedi il nostro articolo sulla diagnosi della lentezza).

INP: la risposta all'interazione

Interaction to Next Paint ha sostituito FID nel 2024. Misura quanto impiega la pagina a reagire quando il cliente clicca o tocca qualcosa, per esempio scegliendo una taglia o premendo «Aggiungi al carrello». Obiettivo: meno di 200 ms.

• Il nemico è il JavaScript pesante: chat, pixel, caroselli.
• Ritarda gli script di terze parti fino alla prima interazione o fino a dopo il consenso.
• Evita moduli che ricalcolano i prezzi con molte richieste quando cambia una combinazione.

CLS: gli spostamenti della pagina

Cumulative Layout Shift misura quanto si spostano gli elementi durante il caricamento. Quel momento in cui stai per premere un pulsante e scende perché è comparso un banner. Obiettivo: meno di 0,1.

• Metti sempre width e height alle immagini.
• Riserva spazio per gli avvisi dei cookie, i banner e i blocchi che arrivano via AJAX.
• Font: usa font-display: swap e font ospitati in locale.

Dove misurare

In Google Search Console, rapporto «Segnali web essenziali», con dati reali dei tuoi visitatori raggruppati per tipo di pagina. È una guida migliore di un singolo test su PageSpeed, perché riflette cellulari reali con connessioni reali.