Home / torna al blog
Core Web Vitals eCommerce con dashboard LCP INP CLS e checkout mobile

Core Web Vitals eCommerce: LCP, INP e CLS spiegati al titolare

Tempo di lettura: 9 min

Quando un eCommerce è lento, il problema non è solo avere un punteggio PageSpeed basso. Il problema è che l'utente aspetta, clicca e non succede nulla, vede elementi che si spostano, perde fiducia, torna indietro o abbandona il checkout.

Per questo i Core Web Vitals vanno letti come segnali di esperienza reale, non come sigle tecniche da delegare e dimenticare. LCP, INP e CLS raccontano tre momenti diversi: quando la pagina diventa visibile, quanto risponde ai comandi e quanto resta stabile mentre l'utente prova a usarla.

Per un sito vetrina possono essere metriche importanti. Per un eCommerce sono ancora più delicate, perché ogni attrito può costare ordini, budget Ads e traffico organico.

Core Web Vitals: cosa misurano davvero

I Core Web Vitals sono tre metriche che Google usa per valutare aspetti centrali dell'esperienza pagina:

  • LCP, Largest Contentful Paint: misura quanto tempo serve per mostrare l'elemento principale visibile nella pagina, per esempio immagine hero, blocco prodotto o contenuto principale;
  • INP, Interaction to Next Paint: misura quanto la pagina è reattiva quando l'utente interagisce, per esempio clic su filtro, variante, menu, carrello o checkout;
  • CLS, Cumulative Layout Shift: misura quanto il layout si sposta in modo inatteso mentre la pagina carica o mentre l'utente la usa.

Le soglie ufficiali usate come riferimento sono semplici:

  • LCP buono: entro 2,5 secondi;
  • INP buono: sotto 200 millisecondi;
  • CLS buono: sotto 0,1.

Ma attenzione: sapere la soglia non basta. La domanda per un titolare è: quali pagine del mio eCommerce stanno fallendo, su quali dispositivi e con quale impatto sulle vendite?

LCP eCommerce: quando la pagina sembra non partire

LCP riguarda il primo impatto. In una categoria, può essere l'immagine principale, il titolo con la lista prodotti o il blocco sopra la piega. In una scheda prodotto, spesso è l'immagine prodotto o il contenuto principale. In una landing Ads, può essere il blocco che dovrebbe convincere l'utente a continuare.

Se LCP è alto, l'utente ha la sensazione che la pagina sia lenta anche se tecnicamente altri elementi stanno caricando. Su mobile questo pesa tantissimo: chi arriva da Google, Shopping o Performance Max non aspetta volentieri.

Cause frequenti di LCP alto negli eCommerce:

  • immagini hero o prodotto troppo pesanti;
  • server lento o hosting sottodimensionato;
  • tema grafico carico di CSS e JavaScript;
  • font caricati male;
  • slider sopra la piega;
  • cookie banner e script marketing che rallentano l'avvio;
  • categorie con troppi prodotti o filtri caricati subito.

Su un eCommerce, migliorare LCP non significa solo comprimere immagini. Significa decidere cosa deve apparire per primo e cosa può aspettare.

INP eCommerce: il sito si vede, ma non risponde

INP è spesso la metrica più sottovalutata dai titolari, perché il sito può sembrare caricato ma restare scomodo da usare. Tocchi un filtro e la pagina si blocca. Clicchi "aggiungi al carrello" e non capisci se il comando è partito. Apri il menu mobile e c'è ritardo. Selezioni una variante e il prezzo si aggiorna dopo un attimo troppo lungo.

In un eCommerce, INP riguarda direttamente le azioni che portano alla vendita:

  • apertura menu e ricerca interna;
  • filtri categoria;
  • selezione varianti;
  • aggiunta al carrello;
  • modifica quantità;
  • coupon;
  • passaggi del checkout;
  • scelta spedizione e pagamento.

Una pagina lenta a rispondere crea dubbio. E nel checkout il dubbio costa caro: l'utente può cliccare più volte, pensare che il pagamento non funzioni o abbandonare per paura di fare un errore.

CLS eCommerce: quando tutto si sposta mentre stai cliccando

CLS misura gli spostamenti inattesi del layout. È quella sensazione fastidiosa per cui stai per cliccare un prodotto e compare un banner, l'immagine si carica e spinge il testo, un box recensioni cambia altezza o il pulsante si muove proprio mentre lo stai toccando.

Negli eCommerce succede spesso per:

  • immagini senza dimensioni definite;
  • banner promo caricati dopo;
  • cookie banner invadenti;
  • font che cambiano dimensione al caricamento;
  • widget recensioni, chat o pagamento caricati in ritardo;
  • prezzi, varianti o disponibilità che modificano l'altezza dei blocchi;
  • card prodotto non progettate con dimensioni stabili.

Un CLS alto non è solo brutto da vedere. Può generare clic sbagliati, frustrazione e perdita di fiducia, soprattutto da smartphone.

PageSpeed, Lighthouse e dati reali: non sono la stessa cosa

Molti guardano solo il punteggio PageSpeed e pensano di avere la risposta. Verde bene, rosso male. In realtà bisogna distinguere almeno due livelli.

Lighthouse è un test di laboratorio: simula una visita in condizioni controllate. È utilissimo per diagnosticare problemi, ma non rappresenta sempre tutti gli utenti reali.

CrUX e Search Console usano invece dati reali, quando disponibili, raccolti da utenti Chrome. Qui puoi capire se il problema riguarda davvero il pubblico del sito, soprattutto da mobile.

Per un eCommerce serio bisogna leggere entrambi:

  • Lighthouse per capire cosa sistemare;
  • CrUX e Search Console per capire cosa vivono gli utenti reali;
  • Analytics e dati ordini per capire se le performance impattano conversioni e fatturato.

Il punto non è inseguire un numero perfetto in homepage. Il punto è capire se categorie, schede prodotto, carrello e checkout sono abbastanza veloci da vendere.

Le pagine da controllare prima in un eCommerce

Un errore comune è testare solo la homepage. Ma la homepage spesso non è la pagina più importante per il fatturato. In un eCommerce bisogna partire dalle pagine che ricevono traffico, portano utenti al carrello o hanno valore SEO.

Priorità consigliata:

  1. categorie principali: perché intercettano query commerciali e traffico SEO;
  2. pagine filtro indicizzabili: perché spesso sono landing molto vicine all'acquisto;
  3. schede prodotto bestseller: perché ogni rallentamento impatta vendite dirette;
  4. landing Google Ads: perché ogni visita ha un costo;
  5. carrello: perché l'utente ha già mostrato intenzione;
  6. checkout: perché qui un ritardo può trasformarsi in ordine perso;
  7. pagine brand importanti: se portano traffico e orientano il catalogo.

Abbiamo già parlato del tema nel post su PrestaShop lento e impatto su SEO, Google Ads e conversioni. La logica è la stessa: la velocità non è una voce tecnica, è parte della redditività.

Core Web Vitals e Google Ads: perché il budget può bruciarsi più in fretta

Se paghi traffico, la pagina deve essere pronta a riceverlo. Una campagna può essere impostata bene, il feed può essere ordinato, il prodotto può essere competitivo. Ma se la landing è lenta, instabile o poco reattiva, una parte del budget si perde prima ancora che l'utente valuti l'offerta.

Il problema è ancora più serio quando il report Ads non viene collegato alle performance pagina. Potresti pensare che la campagna stia portando traffico di bassa qualità, mentre il problema vero è che la pagina prodotto o il checkout non reggono da mobile.

Per questo in un audit eCommerce bisogna incrociare:

  • pagine di destinazione Ads;
  • Core Web Vitals per URL o template;
  • conversion rate mobile;
  • abbandono carrello;
  • abbandono checkout;
  • valore medio ordine;
  • margine e costo per acquisizione.

La performance non va vista come "sito più bello". Va vista come meno attrito tra clic pagato e ordine reale.

Core Web Vitals e SEO: non basta essere veloci, serve una struttura pulita

La velocità aiuta, ma da sola non salva un catalogo disordinato. Un eCommerce può avere buone metriche tecniche e comunque perdere opportunità se categorie, filtri, brand e schede prodotto non sono organizzati bene.

Per questo i Core Web Vitals vanno letti insieme alla struttura SEO:

  • URL pulite;
  • categorie leggere e scansionabili;
  • filtri indicizzabili solo quando utili;
  • pagine brand curate;
  • schede prodotto con contenuti e dati strutturati coerenti;
  • sitemap ordinata;
  • canonical corretti;
  • immagini ottimizzate.

La nostra piattaforma custom nasce proprio per tenere insieme questi livelli: performance, architettura, filtri SEO, pagine brand, schede prodotto e dati per Google Ads. Ne abbiamo parlato anche negli articoli sui filtri eCommerce SEO e sulle pagine brand eCommerce che vendono.

Cosa chiedere alla tua agenzia sui Core Web Vitals

Se ti dicono "abbiamo migliorato PageSpeed", non fermarti lì. Chiedi dove, come e con quali dati.

  • State guardando dati reali CrUX/Search Console o solo test Lighthouse?
  • Le metriche sono buone su mobile o solo su desktop?
  • Quali URL falliscono: homepage, categorie, prodotti, carrello o checkout?
  • Quale template pesa di più sul fatturato?
  • LCP alto dipende da immagini, server, script o tema?
  • INP peggiora quando uso filtri, carrello o checkout?
  • CLS è causato da immagini, banner, font, widget o card prodotto instabili?
  • Le landing Google Ads sono state testate singolarmente?
  • Avete misurato conversion rate prima e dopo gli interventi?
  • Le ottimizzazioni sono strutturali o solo compressioni temporanee?

Un buon audit non consegna solo un punteggio. Consegna una priorità: cosa sistemare prima perché impatta davvero traffico, Ads e ordini.

Mini checklist pratica per un titolare eCommerce

Se vuoi capire rapidamente dove sei messo, parti da qui:

  • apri Search Console e controlla il report Core Web Vitals;
  • separa mobile e desktop;
  • identifica i gruppi URL problematici;
  • testa una categoria, una scheda prodotto, carrello e checkout con PageSpeed Insights;
  • controlla se le immagini sopra la piega sono troppo pesanti;
  • verifica se menu, filtri e carrello rispondono subito da smartphone;
  • guarda se banner, recensioni, chat o cookie spostano elementi della pagina;
  • incrocia i dati con conversion rate e abbandoni mobile;
  • non ottimizzare prima la pagina più facile: ottimizza quella che pesa di più sul business.

Se il tuo sito ha molte pagine, un audit manuale non basta. Serve ragionare per template e gruppi URL: categorie, brand, filtri, prodotto, carrello, checkout. È così che si evita di sistemare una pagina demo e lasciare lento il resto del catalogo.

Come lo gestiamo noi in BitHub

In BitHub guardiamo le performance eCommerce dentro un quadro più ampio: SEO, Ads, conversioni, catalogo e struttura tecnica. Il nostro Audit Green Web nasce proprio per unire performance, peso pagina, risorse, hosting, CO2 e dati utili a capire dove intervenire.

Quando lavoriamo su un eCommerce custom, il vantaggio è poter intervenire sulla struttura, non solo mettere patch. Possiamo gestire immagini, template, filtri, pagine brand, schede prodotto, carrello, checkout e script con più controllo rispetto a molti sistemi appesantiti da moduli e temi stratificati.

Il risultato non deve essere solo "100 su Lighthouse". Il risultato deve essere un sito che si carica bene, risponde bene, non si muove mentre l'utente compra e aiuta Google a leggere le pagine che contano.

Fonti utili

Per approfondire, puoi partire dalla documentazione ufficiale sui Core Web Vitals, sulle metriche LCP, INP e CLS, dalla guida Google Search Central sulla page experience e dalla documentazione Lighthouse sul performance score.

FAQ sui Core Web Vitals per eCommerce

Quali Core Web Vitals deve guardare un eCommerce?

Le tre metriche principali sono LCP, INP e CLS. Per un eCommerce vanno lette soprattutto su mobile e sulle pagine che vendono: categorie, filtri, schede prodotto, carrello, checkout e landing Ads.

Un punteggio PageSpeed alto basta per la SEO?

No. PageSpeed è utile, ma non basta. Bisogna guardare i dati reali degli utenti, la struttura SEO, le pagine indicizzabili, i contenuti, i dati strutturati e soprattutto l'impatto su conversioni e fatturato.

Perché INP è importante nel checkout?

Perché misura la reattività della pagina. Se coupon, spedizione, pagamento o pulsanti rispondono in ritardo, l'utente può perdere fiducia, cliccare più volte o abbandonare proprio nel momento più vicino all'ordine.

Cosa causa un CLS alto in un eCommerce?

Immagini senza dimensioni, banner caricati dopo, cookie banner, widget recensioni, chat, font e card prodotto instabili. Tutto ciò che sposta il layout mentre l'utente sta leggendo o cliccando può aumentare CLS.

Meglio ottimizzare homepage o pagine prodotto?

Dipende dal traffico e dal fatturato. In molti eCommerce conviene partire da categorie, schede prodotto bestseller, landing Ads, carrello e checkout, perché sono le pagine più vicine alla vendita.

Core Web Vitals e Google Ads sono collegati?

Sì, perché una landing lenta o poco reattiva riduce la qualità dell'esperienza dopo il clic. Anche con campagne ben impostate, una pagina lenta può abbassare conversioni e aumentare il costo reale per ordine.