1. Perché la velocità di Shopify è importante
La velocità non è solo un extra piacevole - impatta direttamente il fatturato:
7%
di calo delle conversioni per ogni ritardo di 1 secondo
Fonte: Google/Deloitte
53%
dei visitatori mobile abbandona se una pagina impiega più di 3 secondi
Fonte: Google
SEO
I Core Web Vitals sono un fattore di ranking di Google dal 2021
Fonte: Google Search Central
Dati supportati dalla ricerca
Per i negozi Shopify in particolare, questa è una vera sfida. Il negozio Shopify medio ottiene appena 25-35 su Google PageSpeed Insights (mobile). Ben al di sotto della soglia "buona" di 50+. Il motivo? Il JavaScript della piattaforma Shopify, il tema e - soprattutto - gli script delle app di terze parti competono tutti per l'attenzione del browser.
📊 Benchmark di piattaforma 2026
Secondo l'HTTP Archive Core Web Vitals Technology Report, Shopify supera WordPress nei tassi di superamento dei CWV su mobile - circa il 65% delle origin Shopify supera tutti e tre i Core Web Vitals contro appena il 44% di WordPress (dati di fine 2025). Merito dell'infrastruttura gestita di Shopify, del CDN globale via Cloudflare e dell'ottimizzazione automatica delle immagini. Tuttavia, quel 35% di fallimenti è causato quasi interamente dagli script delle app di terze parti e dai temi pesanti - esattamente ciò che Thunder risolve.
La buona notizia: quasi tutto è risolvibile. Non serve ricostruire il negozio né cambiare piattaforma. Le tecniche di questa guida possono migliorare il tempo di caricamento del 40-60%, spesso in un solo pomeriggio. Per un approfondimento ancora maggiore, consultate la nostra guida completa all'ottimizzazione della velocità di Shopify.
2. La soluzione semplice: ottimizzazione automatica con Thunder
Prima di passare alle 10 tecniche manuali qui sotto - esiste un modo molto più semplice. Thunder Page Speed Optimizer gestisce automaticamente le ottimizzazioni di velocità più incisive sul vostro negozio Shopify, senza modifiche al codice.
Cosa risolve automaticamente Thunder:
Rinvio degli script
Rinvia automaticamente gli script delle app di terze parti - anche quelli che non potete controllare manualmente
CSS critico incorporato
Estrae e incorpora il CSS above the fold così la pagina viene renderizzata all'istante
Ottimizzazione delle immagini
Lazy loading, conversione in WebP e dimensionamento responsive delle immagini - tutto automatico
Ottimizzazione dei font
Aggiunge font-display: swap e precarica automaticamente i font critici
Mappatura intelligente delle dipendenze
Capisce quali script dipendono l'uno dall'altro - rinvia in sicurezza senza rompere le app
Monitoraggio continuo
Traccia la velocità ogni giorno e vi avvisa se nuove app introducono regressioni di velocità
Miglioramento medio: +27 punti PageSpeed
Gli utenti di Thunder vedono un miglioramento medio di 27 punti nel punteggio Google PageSpeed. La maggior parte dei negozi passa dal rosso/arancione al verde in pochi minuti dall'attivazione delle ottimizzazioni.
Piano gratuito disponibile · Nessuna carta di credito richiesta · Configurazione in 30 secondi · Funziona con tutti i temi
Perché usare un'app invece di fare tutto a mano? Le 10 tecniche qui sotto sono tutte valide - ma richiedono ore di lavoro, competenze tecniche e manutenzione continua. Ogni volta che installate una nuova app o aggiornate il tema, dovreste ri-ottimizzare. Thunder gestisce tutto questo in modo automatico e continuo. Consultate i nostri piani tariffari per trovare quello giusto per il vostro negozio. Valutazione 4.6★ · 59 recensioni · Oltre 20,000 negozi si affidano a Thunder.
3. Come controllare la velocità del vostro negozio Shopify
⚡ Saltate questo passaggio: il piano gratuito di Thunder monitora automaticamente la velocità del negozio e vi mostra esattamente cosa lo sta rallentando - nessun test manuale necessario.
Prima di ottimizzare qualsiasi cosa, serve una base di partenza. Potete eseguire un test di velocità gratuito proprio qui sul nostro sito, oppure usare questi tre strumenti (tutti gratuiti):
Google PageSpeed Insights
pagespeed.web.dev - Lo strumento più importante. Mostra sia i dati di laboratorio (simulati) sia i dati sul campo (esperienze reali degli utenti Chrome). Concentratevi sul punteggio mobile.
GTmetrix
gtmetrix.com - Fornisce un grafico a cascata che mostra ogni risorsa caricata dalla pagina, in ordine. Ottimo per identificare quali script specifici bloccano il rendering.
Google Search Console - Report Core Web Vitals
Controllate il report Core Web Vitals nella sezione "Esperienza". Mostra i dati di prestazione reali su tutte le vostre pagine.
⚠️ Ignorate il punteggio di velocità integrato di Shopify. Il punteggio nell'admin di Shopify usa una metrica semplificata che non riflette bene le prestazioni reali. Usate invece PageSpeed Insights e i dati dei Core Web Vitals.
4. Il killer di velocità numero 1: le app di terze parti
⚠️ Questo è il problema più complesso da risolvere manualmente. Gli script delle app di terze parti sono fuori dal vostro controllo - non potete modificarli né aggiungere defer/async. Thunder lo gestisce automaticamente intercettando e rinviando gli script delle app senza comprometterne le funzionalità.
Le app di terze parti sono responsabili del 50-80% dei problemi di velocità nella maggior parte dei negozi Shopify. Non il tema. Non le immagini. Le app. Se vi state chiedendo perché il vostro negozio Shopify è lento, la risposta è quasi sempre questa.
Quando installate un'app Shopify, questa inietta file JavaScript in ogni pagina del negozio. Il negozio Shopify medio ha 15-25 app installate, ognuna delle quali può aggiungere script che bloccano il rendering.
Come identificare le app lente
Il metodo manuale: aprite Chrome DevTools (F12 → scheda Network), ricaricate la pagina e filtrate per "JS". Ordinate per dimensione o tempo di caricamento.
Il metodo più semplice: lo scanner di app di Thunder genera un report che mostra quali app appesantiscono di più le vostre pagine, misurato in millisecondi di ritardo e kilobyte di JavaScript.
Google Tag Manager: l'arma a doppio taglio
Google Tag Manager (GTM) dovrebbe semplificare la configurazione del tracciamento consolidando tutti i tag di marketing in un unico contenitore. In teoria è ottimo - un solo script per gestirli tutti. In pratica, GTM spesso peggiora i problemi di velocità.
✅ Il lato positivo
- • Consolida gli script di tracciamento in un unico contenitore
- • Anche chi non è sviluppatore può aggiungere/rimuovere tag
- • Trigger e regole di attivazione integrati
- • Controllo delle versioni dei tag
❌ Il lato negativo
- • Il contenitore GTM da solo aggiunge oltre 80-100KB di JavaScript
- • Ogni tag al suo interno carica comunque i propri script esterni
- • Facile aggiungere tag, difficile ricordarsi di rimuoverli
- • Trigger mal configurati = tutti i tag si attivano su tutte le pagine
Errori comuni con GTM che uccidono la velocità
- Caricare tutti i tag su tutte le pagine. Il tag di conversione del Meta Pixel non deve attivarsi sul blog. Usate il sistema di trigger di GTM per attivare i tag solo dove servono.
- Non usare correttamente i gruppi di trigger. Molti merchant impostano ogni tag su "Tutte le pagine" perché è il default. Questo vanifica il caricamento condizionale di GTM.
- Accumulare tag zombie. Quel TikTok Pixel di una campagna di 6 mesi fa? Si attiva ancora. GTM rende facile aggiungere tag ma non vi ricorda di fare pulizia.
- Caricare GTM in modo sincrono. Se lo snippet GTM è nel
<head>senza caricamento asincrono, blocca il rendering mentre l'intero contenitore viene scaricato.
⚡ Thunder rinvia automaticamente il contenitore GTM. Invece di lasciare che GTM blocchi il rendering della pagina, Thunder ritarda il caricamento del contenitore GTM fino a quando il contenuto è visibile - e anche tutti i tag al suo interno si caricano in modalità posticipata. Nessuna configurazione manuale necessaria. Provatelo gratis →
5. 10 modi per velocizzare il vostro negozio Shopify
Queste tecniche sono ordinate per impatto - partite dall'alto per i miglioramenti maggiori.
1 Verificate e rimuovete le app inutilizzate
Andate nell'admin di Shopify → App e passate in rassegna ogni app installata. Chiedetevi: questa app contribuisce attivamente alle vendite? Se no, disinstallatela.
Importante: dopo la disinstallazione, controllate il codice del tema alla ricerca di tag script residui. Scoprite come rimuovere CSS e JavaScript inutilizzati lasciati dalle app. Per una procedura completa, consultate la nostra guida sulle soluzioni per Shopify che carica lentamente.
⚡ Impatto previsto: miglioramento del 10-30% se rimuovete 3+ app inutilizzate
2 Usate un ottimizzatore di script
Per le app che non potete rimuovere, la cosa migliore è ottimizzare il modo in cui i loro script si caricano. Thunder Page Speed Optimizer rinvia il JavaScript non critico così che si carichi dopo che il contenuto principale della pagina è visibile. La mappatura intelligente delle dipendenze di Thunder garantisce che le app continuino a funzionare correttamente.
⚡ Impatto previsto: miglioramento del 20-50%, soprattutto su negozi ricchi di script
3 Ottimizzate le immagini
Le immagini sono in genere i file più grandi di qualsiasi pagina. Trattiamo l'argomento in dettaglio nella nostra guida all'ottimizzazione delle immagini Shopify, ma ecco tre cose da fare bene:
- Usate il formato WebP. Shopify serve automaticamente WebP ai browser che lo supportano.
- Comprimete prima di caricare. Usate Squoosh o TinyPNG. Puntate a meno di 200KB per immagine prodotto.
- Usate immagini responsive. Verificate che il tema includa attributi
srcsetcorretti.
⚡ Thunder lo fa automaticamente - lazy loading, conversione in WebP e dimensionamento responsive senza lavoro manuale.
⚡ Impatto previsto: miglioramento del 15-40% per negozi ricchi di immagini
4 Attivate il lazy loading
Il lazy loading significa che le immagini sotto la piega non vengono caricate finché l'utente non le raggiunge scorrendo. La maggior parte dei temi moderni lo include, ma non applicate il lazy loading all'immagine hero - deve caricarsi immediatamente.
⚡ Impatto previsto: miglioramento del 10-25% su pagine con molte immagini
5 Riducete al minimo il codice personalizzato e la complessità Liquid
Verificate periodicamente il codice del tema. Rimuovete il CSS inutilizzato, semplificate i loop Liquid annidati ed eliminate i tag <script> inline.
⚡ Impatto previsto: 5-20% a seconda del livello di personalizzazione
6 Scegliete un tema veloce
Tra i temi più veloci ci sono Dawn (il tema di riferimento gratuito di Shopify), Sense e Craft. Prima di scegliere, testate il negozio demo di qualsiasi tema con PageSpeed Insights - se la demo ottiene meno di 40 su mobile, il collo di bottiglia è il tema. Consultate la nostra classifica completa dei temi Shopify più veloci con benchmark dettagliati. Per consigli specifici per pagina, leggete le guide sulla velocità delle pagine prodotto e sull'ottimizzazione della velocità della homepage.
⚡ Impatto previsto: miglioramento del 10-40% passando da un tema pesante
7 Riducete le richieste HTTP
Il negozio Shopify medio effettua 80-120 richieste per caricamento di pagina. Rimuovete le app non necessarie, consolidate gli script ed evitate i widget esterni se non essenziali.
⚡ Impatto previsto: miglioramento del 5-15%
8 Ottimizzate i font
Usate font di sistema quando possibile, limitatevi a 2 pesi (regular + bold), aggiungete font-display: swap e ospitate i font in autonomia invece di usare Google Fonts.
⚡ Thunder lo fa automaticamente - font-display: swap e precaricamento dei font senza modifiche al codice.
⚡ Impatto previsto: miglioramento del 5-15%, soprattutto su mobile
9 Riducete al minimo i redirect
Ogni redirect aggiunge 100-300ms. Aggiornate i link interni perché puntino direttamente agli URL finali e ripulite i vecchi redirect nell'admin di Shopify.
⚡ Impatto previsto: miglioramento del 2-10%
10 Capite il CDN di Shopify (ne avete già uno)
Ogni negozio Shopify usa già un CDN via Cloudflare. Non ve ne serve uno separato. Ma un CDN aiuta solo con la consegna - non risolve gli script che bloccano il rendering né le immagini non ottimizzate.
⚡ Impatto previsto: già incluso - nessuna azione necessaria
Ottimizzazione manuale vs Thunder
6. Core Web Vitals spiegati per Shopify
LCP - Largest Contentful Paint
Obiettivo: sotto i 2.5 secondi
Misura quanto impiega a caricarsi l'elemento visibile più grande. Soluzione: ottimizzate le immagini, rinviate gli script, non applicate il lazy loading all'immagine hero. Thunder gestisce automaticamente tutti e tre gli aspetti.
INP - Interaction to Next Paint
Obiettivo: sotto i 200 millisecondi
Misura quanto velocemente la pagina risponde alle interazioni. Un INP scadente è quasi sempre causato dal JavaScript pesante delle app di terze parti. Thunder rinvia questi script per liberare il thread principale.
CLS - Cumulative Layout Shift
Obiettivo: sotto 0.1
Misura gli spostamenti imprevisti del layout. Soluzione: impostate le dimensioni delle immagini, usate font-display: swap, riducete al minimo i contenuti iniettati. L'ottimizzazione dei font di Thunder aiuta a prevenire il CLS causato dal caricamento dei font.
7. Come monitorare la velocità nel tempo
L'ottimizzazione della velocità non è un progetto una tantum. Ogni volta che installate una nuova app, aggiungete prodotti o aggiornate il tema, la velocità può cambiare. La nostra guida all'ottimizzazione del negozio Shopify spiega come costruire un flusso di ottimizzazione ripetibile.
Configurate gli avvisi di Google Search Console
Il vostro sistema di allerta precoce per i problemi di Core Web Vitals.
Controllate PageSpeed Insights dopo ogni modifica
Installata una nuova app? Testate la velocità. Cambiato tema? Testate la velocità.
Usate un monitoraggio continuo
Thunder offre un monitoraggio integrato dei Core Web Vitals che traccia le metriche degli utenti reali nel tempo, direttamente nella dashboard Shopify. Le regressioni vengono rilevate automaticamente.
📱 Velocità mobile: dove i negozi Shopify perdono davvero le vendite
Se state cercando "ottimizzazione velocità negozio Shopify", "ottimizzare la velocità del negozio Shopify" o soluzioni di velocità specifiche per mobile, non vi serve una lezione sulla piattaforma. Vi servono le prime tre modifiche che fanno renderizzare più in fretta una vera pagina mobile.
Tre motivi per cui il mobile è molto più lento su Shopify:
- Le CPU mobile rendono il JavaScript più costoso. Ogni script di app di terze parti costa di più su un telefono che in un test desktop.
- La latenza di rete mobile si accumula. Ogni risorsa che blocca il rendering impone un'altra attesa prima che il browser possa disegnare contenuti utili.
- I viewport mobile attivano elementi LCP diversi. Il vostro "hero" su desktop può essere l'H1 — ma su mobile è tipicamente l'immagine prodotto principale, spesso in lazy loading di default.
Se volete ottimizzare la velocità del negozio Shopify specificamente su mobile, date priorità a queste tre soluzioni in quest'ordine: (1) precaricate l'elemento LCP mobile con fetchpriority="high", (2) rinviate tutti gli script di app non essenziali (Thunder lo fa con un clic), (3) rimuovete i widget solo mobile inutilizzati come barre fisse e popup exit-intent che eseguono script anche quando sono chiusi.
Verifica rapida: aprite PageSpeed Insights, passate a Mobile e confrontate il vostro elemento LCP con quello desktop. Se sono diversi — la vostra strategia di preload mobile deve puntare specificamente all'elemento mobile.
📊 Aggiornamento giugno 2026: cosa è cambiato nell'ottimizzazione della velocità Shopify
- → INP ha sostituito FID come Core Web Vital a marzo 2024. I siti con INP sopra i 300ms hanno registrato cali di ranking del 31% nel core update di Google di dicembre 2025.
- → Tasso di conversione medio di Shopify: 1.4-1.8% (dati 2024-2025). Il top 20% dei negozi Shopify converte al 3.2%+ e il top 10% supera il 4.5% - la velocità di pagina è un fattore chiave di differenziazione.
- → Ogni 0.1 secondi di caricamento più rapido = 8% di conversioni in più per i siti retail (studio Google/Deloitte, 37 brand, oltre 30M di sessioni). Amazon ha rilevato che ogni 100ms di latenza costa l'1% delle vendite.
- → Solo il 39% dei siti ecommerce supera tutti e tre i Core Web Vitals contemporaneamente - sotto la media globale. L'ottimizzazione della velocità è un vantaggio competitivo, non semplice manutenzione.
- → Il 53% dei visitatori mobile abbandona se una pagina impiega più di 3 secondi a caricarsi. Con il mobile che rappresenta oltre il 70% del traffico Shopify, la velocità mobile non è negoziabile.
Non sapete a che punto è il vostro negozio? Eseguite un test di velocità gratuito →
8. Domande frequenti
Quanto velocemente dovrebbe caricarsi un negozio Shopify?
Idealmente in meno di 3 secondi su mobile. Google considera lento tutto ciò che supera i 3 secondi. I negozi Shopify con le migliori prestazioni si caricano in 1.5-2.5 secondi. L'obiettivo è un punteggio PageSpeed Insights di 50+ su mobile (la maggior parte dei negozi Shopify parte da 25-35). Gli utenti di Thunder vedono in genere il punteggio passare da 25-35 a 55-70 dopo aver attivato le ottimizzazioni.
Perché il mio negozio Shopify è così lento?
La causa numero 1 dei negozi Shopify lenti sono gli script delle app di terze parti. Ogni app installata può iniettare JavaScript nel vostro storefront. Altre cause comuni includono immagini non ottimizzate, temi pesanti con funzionalità eccessive, troppi font e template Liquid eccessivamente complessi. Thunder identifica automaticamente quali app rallentano il negozio con un report sull'impatto di velocità per singola app.
La velocità di Shopify influisce sul posizionamento SEO?
Sì. Google usa i Core Web Vitals (LCP, INP, CLS) come segnali di ranking. I negozi lenti hanno anche frequenze di rimbalzo più alte, il che influisce indirettamente sul posizionamento. I dati di Google mostrano che il 53% degli utenti mobile abbandona una pagina che impiega più di 3 secondi a caricarsi.
Le app di ottimizzazione della velocità per Shopify funzionano davvero?
Quelle valide sì. Thunder Page Speed Optimizer funziona rinviando il JavaScript non critico, applicando il lazy loading alle immagini, incorporando il CSS critico e ottimizzando il caricamento dei font. Gli utenti di Thunder vedono un miglioramento medio di +27 punti PageSpeed. I risultati variano: i negozi con molte app di solito ottengono i miglioramenti maggiori (tempi di caricamento più rapidi del 20-60%).
Quante app sono troppe su Shopify?
Non esiste un numero magico. Alcuni negozi usano oltre 30 app mantenendo una buona velocità perché le app sono leggere. Altri rallentano con appena 5 app pesanti. Concentratevi sull'impatto, non sul numero: Thunder misura l'effetto reale di ogni app sul tempo di caricamento, così potete identificare e ottimizzare le app peggiori senza rimuovere quelle essenziali.
Qual è un buon punteggio PageSpeed Insights per Shopify?
Un punteggio mobile di 50-70 è buono per Shopify. Punteggi sopra 70 sono eccellenti. La maggior parte dei negozi Shopify non ottimizzati ottiene 20-35 su mobile. I punteggi desktop sono in genere molto più alti (70-95) e meno significativi, dato che la maggior parte del traffico ecommerce è mobile. Concentratevi sulle prestazioni mobile.
Rimuovere un'app elimina il suo codice dal negozio?
Non sempre. Molte app Shopify lasciano frammenti di codice nei file del tema anche dopo la disinstallazione. Controllate il file theme.liquid del tema e gli altri file di template alla ricerca di tag script residui. Potreste doverli rimuovere manualmente oppure usare un ottimizzatore di velocità come Thunder, in grado di identificare gli script orfani.
Il CDN integrato di Shopify è sufficiente per la velocità?
Il CDN di Shopify gestisce bene gli asset statici (immagini, CSS, JS) ed è distribuito a livello globale. Non serve un CDN separato. Tuttavia, un CDN aiuta solo con la velocità di consegna: non risolve gli script che bloccano il rendering, le immagini non ottimizzate o l'esecuzione di JavaScript pesante, che sono i principali colli di bottiglia su Shopify. È qui che Thunder aiuta.
Con quale frequenza dovrei controllare la velocità del mio negozio Shopify?
Come minimo, controllate dopo aver installato o rimosso qualsiasi app, cambiato tema o effettuato aggiornamenti significativi dei contenuti. Idealmente, monitorate i Core Web Vitals ogni settimana. Thunder offre un monitoraggio continuo nella dashboard Shopify, così non dovete ricordarvi di controllare manualmente.
Posso velocizzare il mio negozio Shopify senza un'app?
Sì, fino a un certo punto. Potete comprimere le immagini prima di caricarle, rimuovere le app inutilizzate, ridurre il codice personalizzato, usare font di sistema e scegliere un tema leggero. Tuttavia, ottimizzare il caricamento degli script di terze parti richiede interventi a livello di JavaScript difficili da eseguire manualmente e da mantenere a ogni aggiornamento delle app. Thunder automatizza tutto questo con una configurazione di 30 secondi.
Qual è la prima cosa da fare per ottimizzare la velocità di un negozio Shopify?
Iniziate con un test di velocità mobile, poi risolvete il collo di bottiglia più grande indicato da PageSpeed Insights. Per la maggior parte dei negozi Shopify significa rinviare gli script delle app di terze parti, ottimizzare l'immagine hero o di prodotto above the fold e rimuovere il codice delle app inutilizzate. Thunder gestisce automaticamente il rinvio degli script e il CSS critico, così potete concentrarvi sui contenuti e sulla pulizia del tema.
Come si velocizza un negozio Shopify su mobile?
La velocità mobile dipende dalla riduzione del lavoro JavaScript e dal rendere l'immagine principale individuabile fin da subito. Precaricate l'immagine LCP mobile, evitate il lazy loading sulle immagini above the fold, rinviate gli script di chat/recensioni/popup fino a dopo il primo render e testate su PageSpeed Insights in modalità mobile invece che desktop. Il mobile è dove gli script delle app Shopify pesano di più, quindi rinviare le app di solito rende più di piccoli ritocchi alle immagini.