Perché il mio negozio Shopify è lento? 7 cause + soluzioni (2026)

Come verificare se il vostro negozio è davvero lento

Prima di diagnosticare qualsiasi cosa, servono dati — non supposizioni. "Sembra lento" non è una diagnosi. Iniziate con il nostro strumento gratuito di test velocità Shopify per una panoramica rapida, poi approfondite con questi metodi:

La soluzione semplice: lasciate che Thunder diagnostichi e risolva

Prima di passare ore in diagnosi manuali: Thunder Page Speed Optimizer identifica automaticamente cosa rallenta il negozio e lo risolve. Nessuna modifica al codice, nessuna conoscenza tecnica richiesta.

Perché succede

Ogni app Shopify che installate può iniettare JavaScript nel vostro storefront. Un widget di recensioni, un popup, un programma fedeltà, un tracker di analytics — ognuno aggiunge i propri script che devono essere scaricati, interpretati ed eseguiti prima che la pagina finisca di caricarsi. Il negozio Shopify medio ha 15–25 app installate, e l'effetto cumulativo è devastante.

Il problema non è solo la quantità: è che molti script delle app non sono ottimizzati. Si caricano su ogni pagina (anche dove non servono), bloccano il rendering e a volte caricano librerie duplicate (come jQuery) in modo indipendente. Una singola app scritta male può aggiungere 500ms–2s al tempo di caricamento.

Come verificare

Aprite il negozio in Chrome, premete F12 per aprire DevTools, andate nella scheda Network e ricaricate. Filtrate per "JS" e guardate la colonna dei domini. Gli script del tema arrivano da cdn.shopify.com. Tutto il resto probabilmente arriva dalle app. Contate i file script di terze parti e annotatene le dimensioni.

Per un approccio più rapido, lo scanner delle app di Thunder misura automaticamente l'impatto di ogni app sul caricamento e genera un report di prestazioni per singola app.

Come risolvere

• Fate un audit delle app. Andate su admin Shopify → App. Per ogni app, chiedetevi: "Sta contribuendo attivamente alle vendite?" Se no, disinstallatela.
• Rimuovete i duplicati. Due popup email? Due strumenti di analytics? Scegliete il migliore e rimuovete l'altro.
• Controllate il codice residuo. Dopo la disinstallazione, cercate nel theme.liquid del tema i tag script rimasti: molte app non fanno pulizia dietro di sé.
• Usate un ottimizzatore di script. Per le app che dovete tenere, usate uno strumento che ne rinvia gli script così da caricarli dopo il rendering del contenuto visibile. Per i dettagli, consultate la nostra guida completa alla velocità.

⚡ Miglioramento atteso: 15–40% se rimuovete o ottimizzate 3+ app pesanti

Un'analisi di negozi Shopify di febbraio 2026 ha rilevato che l'ottimizzazione della velocità può aumentare le conversioni fino al 30% — e gli script delle app di terze parti restano il colpevole #1 dei negozi lenti. Persino le app disattivate ma non disinstallate possono lasciare script residui. Per un approccio strutturato all'individuazione dei vostri colli di bottiglia specifici, consultate la nostra checklist di diagnosi Shopify lento.

Perché succede

Le immagini sono i file più grandi sulla maggior parte delle pagine. Una singola foto prodotto non compressa può pesare 3–8MB quando dovrebbe pesare 100–300KB. Moltiplicate per una pagina di collezione con 20 prodotti, e state chiedendo ai visitatori di scaricare 60–160MB di immagini. Su una connessione mobile, sono più secondi di ritardo — solo per le immagini.

Errori comuni: caricare le foto originali della fotocamera senza comprimerle, usare PNG per le foto prodotto (JPEG/WebP è meglio per le fotografie), caricare immagini 4000×4000px che vengono mostrate a 800×800px e non usare dimensioni responsive.

Come verificare

Fate passare la pagina da PageSpeed Insights e cercate le opportunità "Properly size images" e "Serve images in next-gen formats". Potete anche controllare in Chrome DevTools → scheda Network → filtro "Img" e ordinare per dimensione. Qualsiasi immagine sopra i 500KB è candidata all'ottimizzazione.

Come risolvere

• Comprimete prima di caricare. Usate Squoosh o TinyPNG — puntate a meno di 200KB per immagine prodotto.
• Ridimensionate alle dimensioni di visualizzazione. Se un'immagine viene mostrata a 800×800px, non caricate un originale 4000×4000px. Caricate al massimo 1600×1600px (2× per retina).
• Lasciate a Shopify la conversione dei formati. Il CDN di Shopify serve automaticamente WebP ai browser che lo supportano. Assicuratevi che il tema usi il filtro Liquid | image_url, che abilita l'ottimizzazione automatica del formato.
• Usate immagini responsive. Verificate che il tema includa gli attributi srcset, così ogni dimensione di schermo riceve immagini di dimensioni adeguate.

Per un approfondimento, consultate la nostra guida completa all'ottimizzazione delle immagini su Shopify.

⚡ Miglioramento atteso: 15–40% per i negozi ricchi di immagini

Perché succede

I temi Shopify variano enormemente nelle prestazioni. Alcuni temi privilegiano le funzionalità — slider animati, mega menu, effetti parallax, filtri prodotto integrati, popup di notifica — e ogni funzionalità significa più JavaScript e CSS. Un tema "ricco di funzionalità" può facilmente caricare 500KB–1.5MB di JavaScript prima ancora di considerare le app.

I temi più vecchi, costruiti prima dell'architettura Online Store 2.0 di Shopify (2021), tendono a essere molto più pesanti perché si basano su jQuery e su pattern JavaScript datati. Alcuni temi premium non sono stati riscritti per la nuova architettura, anche se sono ancora in vendita.

Come verificare

Il modo più rapido: trovate il negozio demo del vostro tema (di solito linkato dalla scheda nello Shopify Theme Store) e fatelo passare da PageSpeed Insights. Se la demo — senza app, senza codice personalizzato, con contenuti minimi — scende sotto 40 su mobile, il collo di bottiglia è il tema.

Potete anche controllare la dimensione del JavaScript del tema in DevTools → Network → filtro "JS" → cercate gli script da cdn.shopify.com/s/files/.../assets/. Se il JS del tema supera in totale i 300KB (compresso), è sul versante pesante.

Come risolvere

• Disattivate le funzionalità del tema che non usate. Se non usate il mega menu, gli sfondi video o il parallax, disattivateli nelle impostazioni del tema. Alcuni temi caricano comunque il JavaScript anche con le funzionalità "spente": verificate con lo sviluppatore del tema.
• Valutate un cambio di tema. Se il tema è fondamentalmente pesante, l'ottimizzazione può fare solo fino a un certo punto. Guardate la nostra classifica dei temi Shopify più veloci — Dawn e Horizon puliti ottengono 90+, mentre molti temi a pagamento partono 20–30 punti più in basso.
• Verificate la compatibilità OS 2.0. I temi costruiti sull'architettura Online Store 2.0 di Shopify (Sections Everywhere, template JSON) sono in genere molto più veloci dei temi più vecchi.

⚡ Miglioramento atteso: 10–40% passando da un tema pesante a uno leggero

Perché succede

Quando il browser incontra un tag <script> senza async o defer, smette di renderizzare la pagina, scarica lo script, lo esegue e solo allora continua. È il comportamento "render-blocking", ed è la ragione per cui i visitatori fissano una pagina bianca per secondi mentre gli script si caricano in background.

In un tipico negozio Shopify, le risorse che bloccano il rendering includono il JavaScript principale del tema, gli script delle app di terze parti, i codici di tracciamento analytics e a volte file CSS caricati da domini esterni. Tutti competono per banda e tempo di elaborazione prima che qualsiasi contenuto compaia.

Come verificare

Eseguite PageSpeed Insights e cercate l'avviso "Eliminate render-blocking resources" nella sezione Opportunità. Elenca ogni file che blocca il rendering e quanti millisecondi aggiunge ciascuno. Potete anche usare Chrome DevTools → scheda Performance → registrate un caricamento pagina e guardate i "Long Tasks" che bloccano il main thread.

Come risolvere

• Aggiungete defer o async agli script. Se avete tag script personalizzati nel tema, aggiungete l'attributo defer. Dice al browser di scaricare lo script in background e di eseguirlo dopo il rendering della pagina.
• Usate un ottimizzatore di script. Per gli script delle app di terze parti (che non potete modificare direttamente), un'app di ottimizzazione della velocità può intercettarli e rinviarli automaticamente. È la funzionalità principale di strumenti come Thunder.
• Incorporate il CSS critico. Spostate il CSS necessario per il contenuto above-the-fold direttamente nell'HTML e caricate il resto in modo asincrono. Questo impedisce al CSS di bloccare il primo render.
• Precaricate le risorse chiave. Usate <link rel="preload"> per i font e le immagini critiche, così il browser inizia a scaricarli prima.

Per una procedura dettagliata, consultate la nostra guida alla correzione delle risorse che bloccano il rendering su Shopify.

⚡ Miglioramento atteso: 20–50% sui negozi con molti script che bloccano il rendering

Perché succede

Senza lazy loading, il browser scarica immediatamente ogni immagine della pagina — incluse quelle molto sotto la piega, che il visitatore non ha ancora raggiunto scorrendo. Su una pagina di collezione con 40 prodotti, significa caricare subito 40+ immagini prodotto, anche se il visitatore inizialmente ne vede solo 4–8.

Alcuni temi Shopify più vecchi non includono il lazy loading, o lo implementano con una libreria JavaScript che aggiunge a sua volta del peso. Altri applicano il lazy loading a tutto, inclusa l'immagine hero — il che in realtà peggiora le prestazioni ritardando il Largest Contentful Paint (LCP).

Come verificare

Cliccate con il tasto destro su un'immagine sotto la piega nel vostro negozio, selezionate "Ispeziona" e cercate loading="lazy" sul tag <img>. Se manca, le immagini non sono in lazy loading. Controllate anche la scheda Network in DevTools: se tutte le immagini iniziano a caricarsi immediatamente al caricamento della pagina, il lazy loading non funziona.

Come risolvere

• Usate il lazy loading nativo. Aggiungete loading="lazy" a tutti i tag <img> per i contenuti sotto la piega. La maggior parte dei temi Shopify moderni lo include di default.
• Non applicate il lazy loading all'immagine hero. L'immagine hero o l'immagine prodotto principale above-the-fold dovrebbe usare loading="eager" (oppure omettere del tutto l'attributo) per caricarsi immediatamente. Metterla in lazy loading ritarda il punteggio LCP.
• Lazy loading anche per video e iframe. I video YouTube incorporati o i feed Instagram sono pesanti: metteteli in lazy loading, così si caricano solo quando entrano nella vista.
• Usate un ottimizzatore di velocità. Se il tema non supporta il lazy loading nativo, strumenti come Thunder possono aggiungerlo automaticamente su tutto il negozio.

⚡ Miglioramento atteso: 10–25% sulle pagine con molte immagini

Perché succede

Ogni redirect (301 o 302) costringe il browser a fare una richiesta HTTP completamente nuova verso un altro URL. Ogni redirect aggiunge 100–300ms di ritardo per il lookup DNS aggiuntivo, la connessione TCP e l'handshake SSL. Le catene di redirect (A → B → C) amplificano il problema: tre redirect possono aggiungere quasi un secondo intero di ritardo.

Cause comuni su Shopify: prodotti o collezioni rinominati che lasciano vecchi URL, link interni che puntano a URL HTTP che reindirizzano a HTTPS, link senza slash finale che reindirizzano alle versioni con slash e redirect di geolocalizzazione per i negozi internazionali.

Come verificare

In Chrome DevTools → scheda Network, cercate le richieste con codice di stato 301 o 302. Anche PageSpeed Insights segnala i redirect eccessivi sotto "Avoid multiple page redirects". Controllate l'elenco dei redirect in admin Shopify → Negozio online → Navigazione → Reindirizzamenti URL.

Come risolvere

• Aggiornate i link interni. Trovate e aggiornate i link nella navigazione, nei contenuti e nel tema che puntano a vecchi URL. Collegatevi direttamente alla destinazione finale.
• Ripulite i reindirizzamenti URL. Nell'admin Shopify, rivedete l'elenco dei redirect. Rimuovete quelli non più necessari (per esempio, per prodotti eliminati anni fa).
• Sistemate le catene di redirect. Se l'URL A reindirizza a B, e B reindirizza a C — aggiornate A perché reindirizzi direttamente a C.
• Usate HTTPS ovunque. Assicuratevi che tutti i link interni usino https:// per evitare i redirect HTTP → HTTPS.
• Gestite correttamente l'internazionalizzazione. Usate i tag hreflang invece della geolocalizzazione basata sui redirect per servire il contenuto giusto ai visitatori internazionali.

⚡ Miglioramento atteso: 2–10% a seconda del numero di catene di redirect

Perché succede

Il DOM (Document Object Model) è la rappresentazione che il browser costruisce della struttura HTML della pagina. Un DOM grande significa troppi elementi HTML: div annidati, sezioni eccessive, griglie prodotto complesse e il markup dei widget delle app contribuiscono tutti. Google raccomanda di restare sotto i 1,500 elementi; molti negozi Shopify superano i 3,000–5,000.

Un DOM grande danneggia le prestazioni in più modi: aumenta l'uso di memoria, rallenta il matching dei selettori CSS, rende più lente le operazioni JavaScript sul DOM e allunga i tempi di ricalcolo del layout. Ogni volta che il browser deve capire cosa mostrare, un DOM più grande significa più lavoro.

Come verificare

PageSpeed Insights riporta "Avoid an excessive DOM size" nella sezione Diagnostica, insieme al conteggio degli elementi. Potete anche verificare nella Console di DevTools digitando: document.querySelectorAll('*').length — restituisce il numero totale di elementi del DOM.

Come risolvere

• Semplificate il layout del tema. Rimuovete i div contenitore e gli elementi annidati superflui. Molti temi hanno 5–6 livelli di annidamento dove ne basterebbero 2–3.
• Limitate le griglie prodotto. Invece di mostrare 48 prodotti per pagina, usate la paginazione con 12–24 prodotti. Meno prodotti = meno elementi DOM.
• Rimuovete gli elementi nascosti. Alcune app iniettano markup nascosto che non si vede ma fa comunque parte del DOM. Usate DevTools per cercare gli elementi con display: none e valutate se sono necessari.
• Usate la virtualizzazione per le liste lunghe. Se dovete mostrare molti elementi, valutate tecniche di rendering differito che aggiungono elementi al DOM solo mentre l'utente scorre.
• Fate un audit dei widget delle app. Rivedete popup, widget di chat e barre di notifica: spesso iniettano molti nodi DOM anche quando non sono visibili.

⚡ Miglioramento atteso: 5–15% per i negozi con elementi DOM eccessivi

Riepilogo delle vittorie rapide

Ecco il percorso più rapido verso un negozio più veloce, ordinato per rapporto sforzo/impatto. Per una panoramica completa di ogni tecnica di ottimizzazione, consultate la nostra guida all'ottimizzazione della velocità Shopify.

Domande frequenti