Correggi i Core Web Vitals di Shopify: Una Guida Pratica per i Proprietari di Negozi

Se hai ignorato i Core Web Vitals del tuo negozio finora, il momento per farlo senza sensi di colpa è passato. I Core Web Vitals ora giocano un ruolo diretto nella SEO e nel fatto che il tuo negozio si posizioni bene o rimanga sepolto. E i numeri sono chiari: secondo il 2025 Web Almanac, il 48% dei siti web mobile ora supera tutti e tre i Core Web Vitals, rispetto al 44% nel 2024 e al 36% nel 2023. La soglia aumenta ogni trimestre. Se il tuo negozio non la raggiunge, stai perdendo terreno rispetto ai competitor che ci riescono.

Su Cosa Sei Effettivamente Misurato

Nel 2026, Google continua a utilizzare LCP, INP e CLS come i tre metriche Core Web Vitals. Le soglie rimangono invariate: LCP sotto 2,5 secondi, INP sotto 200 millisecondi, CLS sotto 0,1. Quello che è cambiato è come Google pesa i dati dietro questi punteggi. Google ha aumentato il peso dei dati di campo degli utenti reali (CrUX) rispetto ai dati di laboratorio nelle decisioni di ranking. Per i negozi Shopify, questo significa che l'esperienza utente mobile effettiva conta più dei punteggi di test sintetici.

Questa è una distinzione critica. Il Speed Score di Shopify nel pannello amministrativo si basa su dati di laboratorio Lighthouse da una singola visita simulata. I Core Web Vitals in Google Search Console utilizzano dati di campo da utenti Chrome reali in una finestra mobile di 28 giorni. Questi numeri possono differire significativamente perché gli utenti reali hanno dispositivi diversi, velocità di connessione diverse e modelli di interazione diversi dalla simulazione di Lighthouse.

La buona notizia: a partire da dicembre 2025, LCP e INP sono ora "Baseline Newly Available" su tutti i principali browser, Chrome, Firefox, Safari ed Edge. Questo significa che gli strumenti Real User Monitoring (RUM) possono ora raccogliere dati CWV da praticamente tutti i tuoi visitatori, non solo da utenti Chrome. Questo è un cambiamento significativo per i negozi con molto traffico iOS.

Il Caso Aziendale (In Numeri Chiari)

Prima di entrare nelle correzioni, ecco perché vale la pena del tuo tempo. I dati di Google mostrano che un ritardo di 1 secondo riduce le conversioni fino al 7%, e il 53% dei visitatori mobile abbandona le pagine che impiegano più di 3 secondi per caricarsi. Il team di Shopify ha convalidato questo su larga scala: hanno analizzato la relazione tra i tre Core Web Vitals e la conversione tra negozi Shopify attivamente in vendita, dividendo tutti i siti in bucket di performance durante un periodo di 28 giorni al cambio tra gennaio e febbraio 2026, quindi hanno esaminato la relazione tra le performance aggregate e il tasso di conversione mediano dei negozi in ogni bucket. Il risultato: i negozi in crescita vedono una forte relazione tra velocità e conversione. Man mano che i negozi si espandono, aggiungono app, personalizzazioni e integrazioni, ognuna potenzialmente impattando le performance, e l'effetto cumulativo di queste aggiunte diventa visibile nei dati.

Per i business Shopify, dare priorità ai miglioramenti di LCP e INP avrà probabilmente un impatto maggiore sul tuo fatturato rispetto al raggiungimento di un punteggio CLS perfetto.

I Più Grandi Killer di Velocità su Shopify

1. App Bloat (il Colpevole Numero Uno)

Il sovraccarico di script di terze parti dalle app rimane la causa numero uno del fallimento dei Core Web Vitals. La matematica è spietata: in media, una nuova app Shopify aggiunge 50 KB a 150 KB di JavaScript a ogni caricamento di pagina. Per un negozio che è proprio sulla soglia di LCP (2,3 a 2,5 secondi), l'installazione di una singola app può spingerlo oltre il limite.

La correzione è poco affascinante ma efficace. Controlla le tue app disabilitandole una alla volta e misurando l'impatto su INP e LCP in PageSpeed Insights. Rimuovi le app che non usi più e controlla i tuoi file tema per il codice residuo delle app precedentemente disinstallate.

2. La Tua Hero Image e LCP

La soglia "Good" di Google per LCP è sotto 2,5 secondi. Per i negozi Shopify, di solito è l'hero image o la foto del prodotto above-the-fold. L'errore più comune che vedo: lazy-loading di quella hero image. Non lazy-loadare mai l'immagine LCP. Il lazy loading dell'immagine LCP danneggerà il tuo punteggio LCP perché il browser ritarderà il caricamento dell'elemento stesso che determina quando la pagina appare "caricata" all'utente. Usa loading="eager" o ometti completamente l'attributo per le hero image above-fold.

Controlla anche le dimensioni dell'immagine prima di caricarla. Le immagini di solito rappresentano il 27% del peso totale della pagina. Le foto dei prodotti non ottimizzate, i banner e le immagini lifestyle sono il colpevole numero uno dietro i negozi Shopify lenti.

3. INP: La Metrica Che La Maggior Parte dei Negozi Trascura

Google ha ufficialmente sostituito First Input Delay (FID) con INP come Core Web Vital nel marzo 2024. INP non misura solo il primo clic. INP ha completamente preso il posto di FID e ora misura ogni interazione durante la sessione, non solo il primo clic.

Per i negozi Shopify, il colpevole INP più comune è il JavaScript che gira sul main thread. Il JavaScript pesante, comune nei temi e nelle app Shopify, è il colpevole principale dei bassi punteggi INP. La correzione pratica: carica prima il contenuto critico, poi migliora progressivamente. Carica prima il contenuto critico per supportare le performance di caricamento, poi migliora progressivamente con JavaScript. Usa il code splitting in modo che gli utenti carichino solo quello di cui hanno bisogno e mantieni il main thread libero per le interazioni.

INP è anche brutalmente esposto su mobile. Nel 2026, il commercio mobile rappresenta la maggioranza delle transazioni ecommerce a livello globale. I dispositivi mobile tendono ad avere significativamente meno potenza di elaborazione rispetto ai computer desktop, il che li rende molto più suscettibili ai bassi punteggi INP.

4. CLS: Il Problema dello Spostamento del Layout

Cumulative Layout Shift misura la stabilità visiva. Se gli elementi si spostano mentre la pagina si carica, il tuo punteggio CLS ne soffre. Un punteggio "Good" è sotto 0,1. Le immagini senza dimensioni, i font caricati tardivamente e i banner dinamici sono comuni colpevoli Shopify. Dichiara sempre attributi di larghezza e altezza espliciti su ogni tag immagine in modo che il browser riservi lo spazio prima che l'immagine si carichi.

Cambiamenti a Livello di Piattaforma che Vale la Pena Conoscere

Due aggiornamenti Shopify recenti influenzano direttamente la tua strategia di performance.

Scoping CSS per pagina (aprile 2026): Ad aprile 2026, Shopify ha implementato lo scoping CSS per pagina in modo che i temi forniscono solo il CSS per le sezioni effettivamente renderizzate su ogni pagina, invece di servire ogni foglio di stile su ogni caricamento di pagina. Questi piccoli miglioramenti si sommano a pagine notevolmente più veloci e un aumento misurabile dei tassi di conversione.

La fondazione del tema Horizon (Estate 2025): Il tema Horizon di Shopify è il rilascio di tema più significativo da Dawn. Lanciato a Summer Editions 2025, rappresenta uno spostamento fondamentale in come vengono costruiti i temi Shopify, con annidamento di blocchi più profondo, preset specifici per settore, generazione di blocchi AI nativa e un'architettura mobile-first. La storia di performance su Horizon sta migliorando attivamente. Horizon ha guadagnato circa 5 punti PageSpeed mobile per trimestre da quando è stato lanciato, mentre Dawn è rimasto piatto (è maturo). Se sei su Horizon, mantieni il tema aggiornato e disabilita le animazioni integrate nelle Impostazioni Tema per recuperare punti PageSpeed significativi. Disabilitare le animazioni da solo recupera circa 10 punti PageSpeed.

Al di là del tema stesso, Shopify ora include una dashboard di performance più dettagliata all'interno dell'admin, scomponendo le metriche come LCP e INP per pagina. Usala. Espone i dati degli utenti reali, non i punteggi simulati.

Il Tuo Flusso di Lavoro di Monitoraggio

La performance non è un progetto una tantum. Ogni app che installi, ogni tag di marketing che aggiungi, ogni cambio di tema che fai è una decisione di performance. I negozi che vincono sulla velocità trattano la performance come una disciplina continua, non un'emergenza trimestrale.

Ecco lo stack di monitoraggio minimo che consiglio:

• Dashboard Web Performance di Shopify (Admin Online Store): i rapporti Web Performance integrati di Shopify ti danno una panoramica amichevole del negozio della performance del tuo negozio su tutti i tipi di pagina chiave. A differenza di PageSpeed Insights, che testa un URL alla volta, il rapporto di Shopify aggrega i dati sulla tua homepage, pagine di prodotto e pagine di collezione simultaneamente.
• Google Search Console (rapporto Core Web Vitals): Mostra i dati di campo su tutto il tuo negozio da utenti Chrome reali in una finestra mobile di 28 giorni.
• Google PageSpeed Insights: Segnala tutti e tre i Core Web Vitals con stato di superamento/fallimento e opportunità di miglioramento specifiche con tempi di risparmio stimati. Testa sia la tua homepage che la tua pagina di prodotto più importante, perché spesso hanno punteggi molto diversi.

Esegui un controllo dopo ogni installazione di app, aggiornamento di tema e lancio di campagna importante. Le regressioni di performance su Shopify sono quasi sempre causate da qualcosa che è stato aggiunto di recente. I dati di monitoraggio mostrano che la causa più comune di regressione CWV di Shopify è una nuova installazione di app che inietta JavaScript globalmente.

Checklist di Quick-Win

Se vuoi esaminare il tuo negozio oggi, inizia da qui:

• Controlla le app installate, rimuovi tutto ciò che non usi e verifica la presenza di codice tema residuo dalle app eliminate
• Imposta loading="eager" sulla tua hero/LCP image; usa loading="lazy" solo sulle immagini below-fold
• Aggiungi attributi espliciti width e height a tutti i tag <img> per prevenire spostamenti di layout
• Sostituisci i caroselli della homepage e le GIF autoplay con una singola hero image statica
• Rimanda o carica in modo asincrono tutto il JavaScript non critico; consolida i pixel di tracciamento in Google Tag Manager
• Comprimi le immagini dei prodotti a meno di 200 KB prima di caricarle (formato WebP dove possibile)
• Mantieni il tuo tema (Horizon o Dawn) sulla versione più recente per raccogliere le ottimizzazioni a livello di piattaforma
• Controlla i tuoi punteggi CWV in Google Search Console almeno una volta al mese

Niente di questo richiede un grande budget. La maggior parte richiede disciplina: trattare ogni installazione di una nuova app come una decisione di compromesso di performance, non solo una decisione di funzionalità.

---

Tutti i dati CWV in questo post riflettono fonti pubbliche del 2025 e 2026. Usa Google PageSpeed Insights e la dashboard Web Performance di Shopify come i tuoi strumenti di misurazione primari.