Correggi i Core Web Vitals di Shopify: una guida pratica per i titolari di negozi

Se hai ignorato i Core Web Vitals del tuo negozio fino ad ora, il tempo per farlo senza sensi di colpa è finito. I Core Web Vitals ora svolgono un ruolo diretto nella SEO e nel fatto che il tuo negozio si posizioni bene o sparisca dai risultati. E i numeri sono spietati: secondo il Web Almanac 2025, il 48% dei siti web mobile passa tutti e tre i Core Web Vitals, in aumento dal 44% nel 2024 e dal 36% nel 2023. L'asticella sale ogni trimestre. Se il tuo negozio non la supera, stai perdendo terreno rispetto ai competitor che lo fanno.

Su cosa stai effettivamente venendo misurato

Nel 2026, Google continua a utilizzare LCP, INP e CLS come le tre metriche di Core Web Vitals. Le soglie rimangono invariate: LCP sotto 2,5 secondi, INP sotto 200 millisecondi, CLS sotto 0,1. Quello che è cambiato è il modo in cui 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 dell'utente mobile effettiva conta più dei punteggi di test sintetici.

Questa è una distinzione critica. Lo Speed Score di Shopify nel pannello admin 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 rete e modelli di interazione diversi dalla simulazione Lighthouse.

La buona notizia: a partire da dicembre 2025, LCP e INP sono ora "Baseline Newly Available" su tutti i browser principali, 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 dagli utenti Chrome. Questo è un cambiamento significativo per i negozi con traffico iOS importante.

Core Web Vitals a colpo d'occhio: confronto di tutte e tre le metriche

La giustificazione commerciale (in numeri concreti)

Prima di addentrarci nelle correzioni, ecco perché vale la pena dedicare tempo a questo. 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 a caricarsi. Il team di Shopify ha validato questo su larga scala: hanno analizzato la relazione tra i tre Core Web Vitals e la conversione su negozi Shopify attivi che vendono, dividendo tutti i siti in bucket di performance durante un periodo di 28 giorni alla fine di gennaio e all'inizio di febbraio 2026, quindi hanno esaminato la relazione tra la performance aggregata 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 delle quali può potenzialmente impattare le performance, e l'effetto cumulativo di questi aggiuntivi diventa visibile nei dati.

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

I maggiori killer di velocità su Shopify

1. App Bloat (il colpevole numero uno)

Il bloat 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-2,5 secondi), l'installazione di una sola app può spingerlo oltre il limite.

La correzione non è 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 verifica che non ci siano codici residui nei file del tema da app precedentemente disinstallate.

2. La tua immagine hero e LCP

La soglia "Buona" di Google per LCP è sotto 2,5 secondi. Per i negozi Shopify, solitamente è l'immagine hero o la foto di prodotto sopra il fold. L'errore più comune che vedo: lazy-loading dell'immagine hero. Non applicare mai il lazy-loading all'immagine LCP. Il lazy loading della tua immagine LCP danneggerà il tuo punteggio LCP perché il browser ritarderà il caricamento dell'elemento stesso che determina quando la pagina appare "carica" all'utente. Usa loading="eager" o ometti completamente l'attributo per le immagini hero sopra il fold.

Controlla anche le dimensioni dell'immagine prima di caricarla. Le immagini tipicamente rappresentano il 27% del peso totale della pagina. Le foto di prodotto 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 in tutta la sessione, non solo il primo clic.

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

INP è anche brutalmente esposto su mobile. Nel 2026, il mobile commerce rappresenta la maggioranza delle transazioni di 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 cattivi punteggi INP.

4. CLS: il problema dello spostamento del layout

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

Cambiamenti a livello di piattaforma da conoscere

Due recenti aggiornamenti di Shopify influiscono direttamente sulla tua strategia di performance.

CSS scoping per pagina (aprile 2026): Ad aprile 2026, Shopify ha lanciato 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 piccolissimi miglioramenti si sommano per creare 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 un cambio fondamentale nel modo in cui vengono costruiti i temi Shopify, con annidamento di blocchi più profondo, preset specifici del settore, generazione di blocchi AI nativa e un'architettura mobile-first. La storia delle performance su Horizon è in continuo miglioramento. Horizon ha guadagnato approssimativamente 5 punti di 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 del tema per recuperare punti PageSpeed significativi. Disabilitare le animazioni da solo recupera circa 10 punti PageSpeed.

Oltre al tema stesso, Shopify ora include un dashboard di performance più dettagliato all'interno dell'admin, suddividendo le metriche come LCP e INP per pagina. Usalo. Espone dati degli utenti reali, non punteggi simulati.

Il tuo flusso di lavoro di monitoraggio

Le performance non sono un progetto una tantum. Ogni app che installi, ogni tag di marketing che aggiungi, ogni cambiamento del tema che fai è una decisione di performance. I negozi che vincono sulla velocità trattano le 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 report Web Performance incorporati di Shopify ti danno una panoramica intuitiva della performance del tuo negozio in tutti i tipi di pagina chiave. A differenza di PageSpeed Insights, che testa un URL alla volta, il report di Shopify aggrega i dati nella tua home page, pagine di prodotto e pagine di collezione simultaneamente.
• Google Search Console (report Core Web Vitals): Mostra i dati di campo su tutto il tuo negozio da utenti Chrome reali in una finestra di 28 giorni.
• Google PageSpeed Insights: Riporta tutti e tre i Core Web Vitals con lo stato pass/fail e opportunità di miglioramento specifiche con stime di tempo risparmiato. Testa la tua home page E la tua pagina di prodotto più importante, perché spesso hanno punteggi molto diversi.

Esegui un controllo dopo ogni installazione di app, aggiornamento del 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 su Shopify è l'installazione di una nuova app che inietta JavaScript globalmente.

Elenco di controllo delle vittorie rapide

Se vuoi fare il triage del tuo negozio oggi, inizia da qui:

• Controlla le app installate, rimuovi qualsiasi cosa inutilizzata e verifica la presenza di codice tema residuo da app eliminate
• Imposta loading="eager" sulla tua immagine hero/LCP; usa loading="lazy" solo per le immagini sotto il fold
• Aggiungi attributi width e height espliciti a tutti i tag <img> per prevenire spostamenti di layout
• Sostituisci i carousel della home page e le GIF con riproduzione automatica con una singola immagine hero statica
• Rinvia o rendi 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 caricare (formato WebP dove possibile)
• Mantieni il tuo tema (Horizon o Dawn) all'ultima versione per ottenere le ottimizzazioni a livello di piattaforma
• Verifica 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 nuova installazione di app come una decisione di compromesso sulle performance, non solo una decisione di funzionalità.

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