La soluzione immediata (prima di entrare nel dettaglio)
Prima di passare ore a diagnosticare le singole cause, provate la soluzione con un clic che ne risolve la maggior parte in automatico:
Thunder risolve automaticamente 7 di queste 10 cause:
Piano gratuito · Installazione in 30 secondi · In media +27 punti PageSpeed
Per le cause rimanenti (codice residuo delle app, loop Liquid, homepage sovraccarica) servirà un intervento manuale. Consultate i piani di Thunder per vedere quali ottimizzazioni sono incluse in ciascun livello. Ora passiamo in rassegna tutte e 10 le cause.
Non sa cosa sta rallentando il suo negozio?
Ottenga un’analisi gratuita della velocità che mostra esattamente quali app e script danneggiano i suoi Core Web Vitals, con correzioni personalizzate.
Gratis · Circa 60 secondi · Report inviato via email
Analisi del suo negozio in corso...
Questa operazione richiede in genere 30–60 secondi
Report inviato!
Controlli la posta in arrivo tra 2-3 minuti. Le abbiamo inviato un report dettagliato con consigli personalizzati.
Codice residuo di app disinstallate
Impatto: Alto — può aggiungere 500ms–2s di caricamento inutile
È il killer nascosto numero 1. Quando disinstallate un'app Shopify, il suo codice spesso rimane nel tema. Tag script in theme.liquid, file CSS nella cartella assets, snippet Liquid nella directory snippets — tutti ancora caricati a ogni visualizzazione di pagina, rallentando il negozio per un'app che non usate più.
Abbiamo visto negozi con il codice di oltre 10 app disinstallate ancora in caricamento. Ognuna aggiunge JavaScript e CSS che il browser deve scaricare, analizzare ed eseguire — anche se l'app non fa più nulla.
⚡ La soluzione Thunder
Thunder rinvia tutti gli script — compresi quelli orfani delle app — così non bloccano il rendering. Il codice viene comunque caricato, ma non incide sul punteggio PageSpeed né sul caricamento iniziale. Per una pulizia completa conviene comunque rimuovere il codice a mano.
🔧 Soluzione manuale
Aprite l'editor del tema. Cercate in theme.liquid i tag script che fanno riferimento ad app rimosse. Controllate le cartelle snippets/ e sections/ alla ricerca di file legati alle app. Duplicate sempre il tema prima di intervenire. Rimuovete qualsiasi codice che faccia riferimento ad app disinstallate.
Script di terze parti che bloccano il rendering
Impatto: Molto alto — di norma il singolo killer più grande (aggiunge 1–4s)
Ogni app Shopify che mostra qualcosa nello storefront (recensioni, pop-up, chat, upsell) inietta JavaScript che impedisce alla pagina di essere renderizzata. Il browser deve scaricare, analizzare ed eseguire ogni script prima di poter mostrare i contenuti della pagina.
Cinque app possono facilmente aggiungere 1–3 secondi di tempo di blocco. Ecco perché i negozi con molte app segnano 20–35 su PageSpeed anche con un tema veloce — gli script sovrastano tutto il resto. Se cercate un elenco di soluzioni più ampio, leggete la nostra guida su come velocizzare un negozio Shopify.
⚡ La soluzione Thunder
Il motore di rilevamento app di Thunder riconosce gli script di oltre 200 app Shopify e rinvia ciascuno con strategie specifiche per app. Sa quali script possono attendere l'interazione dell'utente e quali devono caricarsi prima di determinate sezioni della pagina. È il più grande vantaggio di Thunder — nessuna configurazione manuale richiesta.
🔧 Soluzione manuale
Aggiungete defer o async ai tag script del tema. Attenzione: spesso questo rompe le funzionalità delle app. Gli script di ogni app hanno dipendenze diverse — rinviare male Klaviyo rompe i pop-up, rinviare male Judge.me rompe le recensioni. Servono test approfonditi.
Distribuzione CSS non ottimizzata
Impatto: Alto — ritarda il primo paint di 500ms–1.5s
Il file CSS del tema deve essere scaricato per intero prima che il browser possa renderizzare qualsiasi cosa. Un tema Shopify tipico include 200–500KB di CSS, ma solo il 10–20% serve per la viewport iniziale (contenuto above the fold). I vostri visitatori aspettano CSS di cui non hanno ancora bisogno.
La soluzione consiste nell'estrarre il CSS critico (solo ciò che serve per la prima schermata), inserirlo inline direttamente nell'HTML e caricare il foglio di stile completo in modo asincrono. È una delle ottimizzazioni più incisive — e una delle più difficili da fare a mano.
⚡ La soluzione Thunder
Thunder genera automaticamente il CSS critico per ogni template di pagina (homepage, prodotto, collezione, ecc.), lo inserisce inline nell'head dell'HTML e carica il foglio di stile completo in modo asincrono. Si rigenera da solo quando il tema cambia.
🔧 Soluzione manuale
Usate uno strumento come Critical (pacchetto npm) per estrarre il CSS above the fold. Inseritelo inline in theme.liquid, poi caricate il foglio di stile completo con media="print" onload="this.media='all'". Va aggiornato a ogni modifica del tema. Diverso per ciascun template.
Troppi web font (o strategia di caricamento sbagliata)
Impatto: Medio-alto — aggiunge 300ms–1.5s e causa layout shift
I web font personalizzati sono tra i drenaggi di prestazioni più subdoli. Ogni peso del font (regular, bold, italic) è un file da scaricare a parte — in genere 20–100KB ciascuno. Un tema che usa 4 pesi di un Google Font carica 80–400KB di dati font prima che il testo diventi visibile.
Peggio ancora, senza font-display: swap il browser mostra testo invisibile (FOIT — Flash of Invisible Text) finché i font non vengono caricati. I visitatori fissano una pagina vuota chiedendosi se il negozio sia rotto.
⚡ La soluzione Thunder
Thunder aggiunge font-display: swap per evitare il testo invisibile, precarica il file del font principale per un caricamento più rapido e ottimizza la cascata di caricamento dei font. Il testo appare subito con un font di fallback, poi passa al font personalizzato quando è pronto.
🔧 Soluzione manuale
Limitatevi a 2 pesi al massimo (regular + bold). Ospitate i font in self-hosting invece di usare Google Fonts. Aggiungete font-display: swap alle regole @font-face. Precaricate il font principale con <link rel="preload">. Valutate i font di sistema per la massima velocità.
Loop Liquid eccessivi nei template
Impatto: Medio — aumenta il tempo di risposta del server (TTFB) di 200ms–1s+
Questa causa è invisibile nei risultati di PageSpeed, ma condiziona tutto ciò che viene dopo. I loop Liquid complessi — come iterare su tutti i prodotti di una collezione grande, loop annidati per le opzioni delle varianti o lookup di metafield dentro i loop — fanno lavorare di più i server di Shopify, aumentando il Time to First Byte (TTFB). La nostra guida alla diagnosi di un negozio Shopify lento spiega come individuare esattamente quali template creano il collo di bottiglia.
Un template di pagina prodotto che scorre 100 prodotti per i consigli "Potrebbe piacerti anche", ognuno con loop annidati sulle varianti, può aggiungere 500ms+ al TTFB. E questo ritarda tutto — FCP, LCP, l'intera cascata.
⚡ La soluzione Thunder
Thunder non può correggere direttamente la complessità del Liquid (servono modifiche al codice del tema). Le sue altre ottimizzazioni però compensano — una distribuzione più rapida di CSS/JS recupera il tempo perso per la risposta lenta del server.
🔧 Soluzione manuale
Riducete il numero di prodotti nelle pagine collezione (12–16 invece di 48+). Usate la paginazione. Evitate i loop Liquid annidati. Riducete al minimo i lookup di metafield dentro i loop. Usate il filtro limit di Shopify sui forloop. Valutate il caricamento AJAX per le sezioni "prodotti correlati".
Immagini hero non ottimizzate
Impatto: Alto — l'immagine hero è di solito l'elemento LCP (aggiunge 1–4s all'LCP)
L'immagine hero/banner è quasi sempre l'elemento Largest Contentful Paint (LCP) — la metrica a cui Google tiene di più. Se non è ottimizzata (file pesante, dimensioni sbagliate, nessun preload), affossa direttamente il punteggio LCP, che vale il 25% del punteggio PageSpeed complessivo.
Errori comuni: caricare un'immagine da 4000x3000px quando l'area di visualizzazione è 1600x600px, usare JPEG invece di WebP, non precaricare la hero e applicarle il lazy load (dovrebbe invece caricarsi in modalità eager, perché è above the fold). Per un approfondimento su ogni tecnica, consultate la nostra guida all'ottimizzazione delle immagini su Shopify.
⚡ La soluzione Thunder
Thunder precarica l'immagine hero con priorità alta, si assicura che venga caricata in modalità eager (niente lazy load) e ottimizza la cascata di caricamento perché il download della hero inizi il prima possibile.
🔧 Soluzione manuale
Ridimensionate le immagini hero alle dimensioni reali di visualizzazione. Comprimetele sotto i 200KB. Usate il formato WebP (Shopify converte in automatico se usate image_tag). Aggiungete loading="eager" fetchpriority="high" all'immagine hero. Aggiungete un link di preload nell'head.
Hint di preconnect mancanti
Impatto: Medio — fa risparmiare 100–300ms per ogni dominio di terze parti
Ogni volta che il negozio carica una risorsa da un dominio di terze parti (font da Google, script da Klaviyo, immagini da un CDN), il browser deve eseguire lookup DNS + connessione TCP + handshake TLS. Sono 100–300ms per dominio.
Gli hint di preconnect dicono al browser di avviare queste connessioni in anticipo — prima ancora di scoprire che gli serviranno. La maggior parte dei negozi Shopify si connette a 5–15 domini di terze parti, ma non fa preconnect a nessuno di essi.
⚡ La soluzione Thunder
Thunder rileva automaticamente a quali domini di terze parti si connette il negozio e aggiunge gli hint di preconnect per quelli critici. Si aggiorna da solo quando le vostre app cambiano.
🔧 Soluzione manuale
Aggiungete <link rel="preconnect" href="https://domain.com"> nell'head di theme.liquid per i domini critici di terze parti. I più comuni: fonts.googleapis.com, cdn.shopify.com, cdn.klaviyo.com. Limitatevi a 4–6 preconnect — troppi possono essere controproducenti.
Risoluzione DNS lenta
Impatto: Medio — aggiunge 50–500ms prima che inizi qualsiasi caricamento
Prima ancora che il negozio inizi a caricarsi, il browser del visitatore deve risolvere il nome di dominio in un indirizzo IP. Se il provider DNS è lento, il ritardo si aggiunge a ogni singolo caricamento di pagina.
Molti merchant usano il DNS predefinito del registrar del dominio, che è spesso lento. Passare a un provider DNS veloce (come Cloudflare DNS) può togliere 100–300ms da ogni caricamento di pagina — in modo del tutto gratuito.
⚡ La soluzione Thunder
Thunder non può cambiare il vostro provider DNS, ma le sue altre ottimizzazioni (preconnect, prioritizzazione delle risorse) riducono al minimo l'impatto del DNS sui caricamenti successivi delle risorse della pagina.
🔧 Soluzione manuale
Passate a Cloudflare DNS (gratuito). Andate dal registrar del dominio e aggiornate i nameserver con quelli di Cloudflare. Questo da solo può migliorare il TTFB di 100–300ms. Cloudflare aggiunge anche un livello CDN globale gratuito. La configurazione richiede circa 15 minuti.
Troppe sezioni in homepage
Impatto: Medio-alto — ogni sezione aggiunge HTML, CSS, JS e immagini
I temi a sezioni di Shopify rendono facilissimo aggiungere blocchi di contenuto — slideshow, collezione in evidenza, testimonianze, feed Instagram, newsletter, articoli del blog, video, mappa, countdown… E prima di accorgervene la homepage ha più di 15 sezioni.
Ogni sezione aggiunge HTML, CSS, JavaScript e spesso immagini alla pagina. Una homepage con 15 sezioni può facilmente pesare 3–5MB in totale. Più sezioni = più codice = caricamento più lento.
⚡ La soluzione Thunder
Thunder applica il lazy load alle immagini fuori schermo e rinvia gli script non critici nelle sezioni sotto la piega, riducendo l'impatto sul caricamento iniziale. Ma l'HTML e il CSS di tutte le sezioni vengono comunque caricati — ridurre le sezioni è l'unica vera soluzione.
🔧 Soluzione manuale
Fate un audit delle sezioni della homepage. Tenetene al massimo 5–8. Rimuovete o accorpate le sezioni di scarso valore. Chiedetevi: "Questa sezione aiuta i visitatori a comprare?" Se no, valutate di rimuoverla. Meno sezioni = homepage più veloce = migliore prima impressione.
JavaScript inline nei template Liquid
Impatto: Medio — blocca il rendering e impedisce la cache del browser
Molti temi e app Shopify inseriscono tag <script> direttamente nei template Liquid — non come file esterni, ma come blocchi di codice inline. Questo codice blocca il rendering, non può essere messo in cache dal browser (si ricarica a ogni pagina) e non può essere rinviato con un semplice attributo defer.
Gli script inline sono particolarmente insidiosi perché spesso dipendono da variabili Liquid (come i dati di prodotto), quindi non basta spostarli in un file esterno.
⚡ La soluzione Thunder
Thunder intercetta e rinvia gli script inline dove è sicuro farlo, usando il suo motore di rilevamento app per capirne le dipendenze. Gli script che dipendono da dati Liquid vengono gestiti con cautela, per preservare la funzionalità riducendo al minimo l'impatto sul rendering.
🔧 Soluzione manuale
Avvolgete gli script inline in DOMContentLoaded o requestIdleCallback. Spostate in file esterni il codice che non dipende dal Liquid. Usate type="module" per il codice moderno. Servono test attenti — gli script inline hanno spesso dipendenze nascoste.
In sintesi
La maggior parte dei negozi Shopify lenti soffre di più cause nascoste allo stesso tempo. La buona notizia: non dovete correggerle tutte e 10 a mano. Thunder gestisce automaticamente le 7 più incisive, e le 3 rimanenti (codice residuo delle app, loop Liquid, sovraccarico di sezioni) sono interventi manuali semplici. Per una procedura completa, consultate la nostra guida completa all'ottimizzazione della velocità su Shopify.
Piano d'azione rapido
- Installate Thunder (gratis, 30 secondi) — risolve subito le cause #2, #3, #4, #6, #7, #10 e in parte la #1
- Ripulite il codice residuo delle app (30 minuti) — cercate nel tema gli snippet di app disinstallate
- Riducete le sezioni della homepage (10 minuti) — puntate a un massimo di 5–8 sezioni
- Passate a Cloudflare DNS (15 minuti) — gratuito, migliora il TTFB ovunque
- Ottimizzate i loop Liquid (se avete competenze tecniche) — riducete le dimensioni delle collezioni, evitate i loop annidati
Partite dall'intervento con il massimo impatto e il minimo sforzo
Thunder gestisce automaticamente le ottimizzazioni di velocità più difficili. La maggior parte dei negozi guadagna +27 punti PageSpeed in meno di un minuto.
Risolvete il negozio lento ora — Gratis →Piano gratuito · Nessuna carta di credito · Compatibile con tutti i temi
🔄 Aggiornamento di marzo 2026: nuovi benchmark di velocità
- → INP conta più che mai. Il core update di Google di dicembre 2025 ha penalizzato i siti con INP sopra i 300ms — con cali di ranking del 31% su mobile. Gli script di terze parti pesanti sono la causa numero 1 di un INP scadente. Consultate la nostra guida per correggere l'INP su Shopify.
- → Il 40% degli utenti abbandona i siti che si caricano in 3+ secondi (dati 2025). Con il negozio Shopify medio che segna 25–35 su mobile, la maggior parte dei negozi lascia soldi sul tavolo.
- → L'approccio "sistemo una volta e basta" non funziona. Ogni nuova app installata può aggiungere 200–500ms al tempo di caricamento. Il monitoraggio continuo delle prestazioni è essenziale.
Curiosi di sapere come si posiziona il vostro negozio? Eseguite un test di velocità gratuito →
Domande frequenti
Perché il mio negozio Shopify si carica così lentamente?
Le cause nascoste più comuni sono: codice residuo di app disinstallate, troppi script delle app attive che bloccano il rendering, immagini non ottimizzate, loop Liquid eccessivi nei template, CSS che blocca il rendering, troppi web font, risoluzione DNS lenta, sezioni pesanti in homepage, script di terze parti non ottimizzati e header di cache del browser mancanti. La maggior parte dei negozi presenta 3–5 di questi problemi contemporaneamente. Thunder Page Speed Optimizer ne risolve la maggior parte in automatico.
Come scopro cosa rallenta il mio negozio Shopify?
Analizzate il negozio con Google PageSpeed Insights (pagespeed.web.dev) e guardate le sezioni 'Opportunities' e 'Diagnostics'. Segnali d'allarme comuni: 'Eliminate render-blocking resources', 'Reduce unused JavaScript', 'Properly size images' e 'Reduce unused CSS'. Potete anche controllare il codice del tema alla ricerca di snippet residui delle app e usare la scheda Network di Chrome DevTools per vedere quali script impiegano più tempo a caricarsi.
È Shopify stesso a rallentare il mio negozio?
In parte. Gli script della piattaforma Shopify (checkout, analytics, elaborazione dei pagamenti) consumano una quota di base del budget di prestazioni. Non potete rimuoverli — sono necessari al funzionamento del negozio. Tuttavia, l'overhead della piattaforma è piccolo rispetto a ciò che aggiungono temi e app. La buona notizia è che Thunder ottimizza attorno agli script core di Shopify, rinviando tutto ciò che può essere posticipato in sicurezza.
Disinstallare le app Shopify può velocizzare il negozio?
Sì, ma con una precisazione importante: disinstallare un'app dall'admin di Shopify non sempre ne rimuove il codice dal tema. Molte app iniettano tag script, CSS e snippet Liquid in theme.liquid e nella cartella snippets. Dovete controllare e rimuovere manualmente questo codice residuo. Thunder segue un approccio diverso — invece di rimuovere le app, ottimizza il modo in cui i loro script vengono caricati.
Quante app sono troppe per la velocità di Shopify?
Non esiste un numero magico — dipende da cosa fanno le app. Cinque app ben ottimizzate possono pesare meno di due scritte male. Il vero problema è quanti script ogni app inietta nello storefront. Le app che aggiungono pop-up, widget di chat, analytics e sistemi di recensioni tendono a essere le più pesanti. Il motore di rilevamento app di Thunder ottimizza gli script di oltre 200 app, così potete tenere le app che vi servono senza pagare il prezzo in velocità.
Un tema Shopify più veloce risolverà il caricamento lento?
Un tema stabilisce la base di partenza delle prestazioni, ma non risolve tutti i problemi di velocità. Anche il tema più veloce (come Dawn) può risultare lento se avete molte app, immagini grandi non ottimizzate o troppe sezioni in homepage. Cambiare tema è un progetto impegnativo — provate prima a ottimizzare la configurazione attuale con Thunder, che funziona con qualsiasi tema.
Come sistemo il codice residuo delle app nel mio tema Shopify?
Controllate nel file theme.liquid del tema i tag script e link delle app che avete disinstallato. Verificate anche le cartelle snippets e sections alla ricerca di file con i nomi delle app rimosse. Fate attenzione — rimuovere il codice sbagliato può rompere il negozio. Duplicate sempre il tema prima di fare modifiche. Se vi sembra rischioso, Thunder gestisce automaticamente l'ottimizzazione degli script senza toccare il codice del tema.
La dimensione delle immagini incide davvero sulla velocità di caricamento di Shopify?
Assolutamente sì. Le immagini sono in genere gli asset più pesanti di qualsiasi negozio Shopify. Una singola immagine hero non ottimizzata può pesare 2–5MB e aggiungere 2–5 secondi di caricamento su mobile. Buone pratiche: comprimete le immagini sotto i 200KB, usate la conversione WebP integrata di Shopify, impostate attributi width e height espliciti e applicate il lazy load alle immagini sotto la piega. Thunder gestisce in automatico lazy load e preload dell'immagine hero.