Dal 2021, Google usa i Core Web Vitals come segnale di ranking. Nel 2026, il loro peso è continuato ad aumentare, e le schede prodotto ne sono il campo principale: immagini ad alta risoluzione, slider, pulsanti di aggiunta al carrello, recensioni dinamiche — tutto ciò che degrada le performance.
Ecco come ottimizzare le 3 metriche che contano (LCP, CLS, INP) su una scheda prodotto senza perdere qualità visiva né UX.
LCP (Largest Contentful Paint) — il tempo necessario perché l'elemento visibile più grande (tipicamente l'immagine prodotto principale) venga mostrato. Obiettivo: <2,5 s.
CLS (Cumulative Layout Shift) — la stabilità visiva: gli elementi non devono spostarsi durante il caricamento. Obiettivo: <0,1.
INP (Interaction to Next Paint) — da marzo 2024, INP sostituisce FID. Misura il ritardo tra un clic dell'utente (aggiunta al carrello, apertura di un menu) e la risposta visiva. Obiettivo: <200 ms.
Una scheda prodotto che supera tutte e 3 le soglie in verde ha un vantaggio di ranking rispetto a quelle che non ci riescono. Lo scarto può rappresentare 3-5 posizioni di differenza su una keyword competitiva.
Un'immagine hero visualizzata a 600×600 pixel sullo schermo non deve pesare 4000×4000 pixel. Servi l'immagine alla dimensione corretta + versione 2x per schermi retina:
<!-- ❌ Causa CLS -->
<img src="/product.webp" alt="..." />
<!-- ✅ Riserva lo spazio -->
<img src="/product.webp" width="600" height="600" alt="..." />
Anche su un'immagine responsive (CSS che sovrascrive width/height), specifica gli attributi HTML — servono come hint per riservare lo spazio prima del caricamento.
Se carichi un font custom, arriva con un ritardo. Nel frattempo, il testo viene mostrato con un font di fallback con metriche diverse. Quando arriva il font finale, tutto si sposta.
Soluzione: font-display: optional oppure font-display: swap con size-adjust coerente:
Le librerie di terze parti (Facebook Pixel, Google Tag Manager, Hotjar, widget recensioni) sono i primi responsabili. Ogni script che gira sul main thread blocca le interazioni.
Soluzioni:
Caricare gli script di terze parti in defer o async quando possibile
Spostare su un Web Worker se critico
Consolidare i pixel analytics tramite un solo tag (GTM)
Ritardi volontari: non caricare Hotjar prima di 3 secondi dopo il First Contentful Paint
Shopify fornisce Core Web Vitals discreti di default. I temi ufficiali (Dawn, Studio, Crave) sono ottimizzati. I Core Web Vitals scarsi su Shopify derivano quasi sempre da:
App di terze parti che iniettano JS pesante
Temi premium di terze parti ottimizzati male
Immagini non compresse
Audit su Shopify: rimuovi le app inutili (Online Store → Apps), usa un tema ufficiale recente, comprimi le immagini.
28 giorni di "field data" vengono aggregati per i CrUX. Dopo un rilascio di ottimizzazioni, considera 4-6 settimane prima che il punteggio Google rifletta la realtà. Sii paziente, non fare rollback dopo 1 settimana.
No. Il contenuto (pertinenza, qualità, backlink) resta il fattore dominante. I Core Web Vitals sono un tie-breaker: su due pagine equivalenti per contenuto, quella con i CWV migliori si posiziona meglio. Peggiorare il contenuto per guadagnare in CWV è controproducente.
Per un sito italiano con pubblico solo italiano, sì — se il tuo server è in Italia e ben configurato. Per l'internazionale, il CDN è quasi obbligatorio. Cloudflare gratuito basta nell'80% dei casi.
No. La configurazione corretta (WebP/AVIF + dimensioni + CDN + fetchpriority) permette di avere un'immagine 600×600 da 40 KB con qualità equivalente a un JPEG da 200 KB. Il sacrificio non è più necessario dal 2023.
Le soglie sì, ma i punteggi vengono misurati separatamente da Google. Una pagina può essere "Good" su desktop e "Poor" su mobile (succede spesso). Google usa principalmente le metriche mobile per il ranking (Mobile-First Indexing).
Inquadramento: se le tue pagine sono già "Good", non serve investire altro. Se sei in "Needs improvement", 1-3 settimane di sviluppo sui fix principali (immagini, script di terze parti, CDN) bastano. Se sei "Poor" su tutto il sito, potrebbe essere necessaria una revisione tecnica — inizia con un audit completo.