Perché la velocità di Shopify è importante (i dati)
Prima di approfondire i metodi, vediamo perché vale la pena aumentare la velocità del tuo sito web Shopify. La ricerca è chiara: Conversioni
+8.4%
per tempo di caricamento più veloce di 0,1 s
Google/Deloitte 2020 Il
53%
dei visitatori mobili esce dopo 3 secondi
Google/SOASTA 2017
2.5×
più vendite per un tempo di caricamento di 1 secondo anziché di 5 secondi
Shopify 2023
La velocità influisce anche sul tuo posizionamento su Google. Da giugno 2021, Google utilizza Core Web Vitals come segnale di classifica. I negozi più veloci si posizionano più in alto, ottengono più traffico organico e convertono una parte maggiore di quel traffico in vendite.
Il punteggio medio del negozio Shopify è compreso tra 30 e 60 su Google PageSpeed Insights. Non sei sicuro di dove si trovi il tuo? Esegui un test di velocità gratuito per ottenere la tua linea di base. Ciò significa la maggior parte dei negozi ha notevoli margini di miglioramento — e ogni punto guadagnato si traduce in entrate reali.
Se desideri un approccio strutturato, il ns Elenco di controllo per l'ottimizzazione del negozio Shopify esamina ogni correzione di velocità in ordine. Per le stime dei costi, vedere la nostra ripartizione di Costi di ottimizzazione della velocità di Shopify.
Ottimizzazione della velocità di Shopify nel 2026: cosa è cambiato
L'ottimizzazione della velocità di Shopify si è evoluta in modo significativo. Ecco cosa conta di più nel 2026:
INP sostituisce FID come Core Web Vital
Google ha sostituito il primo ritardo di input con Interazione con Paint successivo (INP) nel marzo 2024. INP misura la reattività attraverso tutti interazioni, non solo la prima. Ciò rende l’ottimizzazione JavaScript ancora più critica: script pesanti che bloccano il thread principale ora danneggiano il tuo posizionamento durante l’intera sessione utente.
Punteggio medio del negozio Shopify tra 25 e 45 su dispositivi mobili
Basato sul ns 2026 Shopify benchmark di velocità, il tipico negozio con più di 10 app ottiene un punteggio compreso tra 25 e 45 su PageSpeed mobile. Negozi ottimizzati con una media di Thunder 55–75. Il divario tra negozi ottimizzati e non ottimizzati si è ampliato man mano che le app diventano più pesanti per JavaScript.
La ricerca basata sull'intelligenza artificiale premia pagine veloci e complete
Le panoramiche AI di Google e altri strumenti di ricerca AI citano sempre più pagine ben strutturate e a caricamento rapido. L'ottimizzazione della velocità non riguarda più solo il posizionamento: riguarda l'essere la fonte consigliata dall'intelligenza artificiale. Le pagine che superano i Core Web Vitals hanno maggiori probabilità di essere citate nelle risposte generate dall'intelligenza artificiale. Scopri come Ottimizzazione della velocità basata sull'intelligenza artificiale sta cambiando le regole del gioco per i commercianti Shopify.
La conclusione: L'ottimizzazione della velocità di Shopify è più importante che mai nel 2026. I metodi seguenti sono ordinati in base all'impatto: inizia dal numero 1 per la vittoria più rapida, quindi procedi verso il basso in base al tuo livello di comfort tecnico. Per una panoramica più ampia di ciò che influenza il tuo Punteggio velocità Shopify, consulta la nostra guida dedicata.
Installa Thunder Page Speed Optimizer
Se desideri il massimo miglioramento della velocità con il minimo sforzo, inizia da qui. Thunder Page Speed Optimizer gestisce automaticamente le ottimizzazioni di maggiore impatto, le stesse che richiedono ore o giorni per essere eseguite manualmente (metodi n. 4, n. 5, n. 6 e parzialmente n. 2 e n. 8 di seguito).
Cosa Thunder ottimizza automaticamente:
Differimento dello script
Rinvia tutti i JavaScript che bloccano la visualizzazione, inclusi gli script di app di terze parti che non puoi controllare manualmente
Integrazione CSS critica
Estrae il CSS Above-the-fold e lo incorpora, caricando il resto in modo asincrono
Ottimizzazione dell'immagine
Carica lentamente le immagini fuori schermo e precarica l'immagine dell'eroe per un migliore LCP
Ottimizzazione dei caratteri
Precarica i caratteri critici, aggiunge la visualizzazione dei caratteri: scambia, elimina il flash del testo invisibile
Preconnessione e precaricamento
Stabilisce connessioni iniziali con domini critici di terze parti
Monitoraggio giornaliero
Tiene traccia quotidianamente del tuo punteggio di velocità in modo da poter vedere la tendenza, non solo i singoli test rumorosi
Miglioramento medio: +27 punti PageSpeed
Stores typically jump from red (30–45) to orange/green (55–75+) within minutes. Stores with more apps see the biggest gains because Thunder optimizes all those app scripts automatically.
Piano gratuito disponibile · Non è richiesta la carta di credito · Installazione in 30 secondi · Funziona con tutti i temi
Vedi i piani tariffari per tutti i dettagli.
Ottimizza e comprimi immagini
Le immagini non ottimizzate sono il killer della velocità più comune nei negozi Shopify. Una singola immagine eroe del prodotto da 3 MB può aggiungere più di 2 secondi al tempo di caricamento sul dispositivo mobile. Per un approfondimento, guarda la nostra versione completa Guida all'ottimizzazione delle immagini di Shopify.
Cosa fare:
- → Utilizza il formato WebP : 25–35% più piccolo di JPEG con la stessa qualità. Il CDN di Shopify serve WebP automaticamente se utilizzi il file
Filtro
url_immagine Filtro. - → Comprimi con una qualità dell'80%. : visivamente identico al 100%, ma con dimensioni del file inferiori del 40–60%.
- → Imposta larghezza e altezza esplicite : impedisce gli spostamenti del layout (CLS) durante il caricamento delle immagini.
- → Ridimensiona le immagini per visualizzare le dimensioni : non caricare immagini da 4000×4000px se vengono visualizzate a 800×800px.
- → Utilizzare
caricamento="pigro"sulle immagini lower-the-fold (ma NON sull'immagine hero).
Prima/Dopo: Un tipico negozio con più di 20 immagini di prodotti non ottimizzati può risparmiare 5–10 MB di peso della pagina, riducendo l'LCP di 1–3 secondi e guadagnando 5–15 punti PageSpeed.
Rimuovi le app inutilizzate
Ogni app Shopify che inserisce codice frontend rallenta il tuo negozio. Widget di chat, app di recensione, strumenti popup, widget di upsell: ognuno aggiunge JavaScript e CSS che bloccano il rendering. Il negozio Shopify medio ha più di 20 app e la maggior parte dei commercianti ne ha 3-5 che non utilizza attivamente.
Vai a Impostazioni → App e canali di vendita e chiediti: "Questa app mi fa guadagnare più soldi di quanto costa in velocità?" In caso negativo, disinstallalo.
⚠️ Attenzione: Uninstalling an app doesn't always remove its code from your theme. Many apps leave behind script tags, CSS, and Liquid snippets that continue to slow your store. See Metodo n.12 su come ripulire il codice dell'app rimasto.
Rinvia JavaScript con blocco del rendering
Risorse di blocco del rendering sono il singolo fattore più importante nel tuo punteggio PageSpeed. File JavaScript nel file <head> prevent the browser from rendering anything until they download and execute.
La correzione sta aggiungendo differire o asincrono
Attributi ai tag di script. Il problema? La maggior parte degli script di blocco della visualizzazione su Shopify provengono da app di terze parti - e non puoi modificare direttamente quei tag di script. Per rinviarli manualmente è necessario intercettare il DOM, il che rischia di interrompere la funzionalità dell'app.
⚠️ Rischio: Il rinvio errato degli script può interrompere i flussi di pagamento, rivedere i widget, la funzionalità di chat e altro ancora. Ogni app ha catene di dipendenze diverse. Questo è il motivo principale per cui i commercianti utilizzano Thunder: mappa queste dipendenze e rinvia gli script in modo sicuro.
Prima/Dopo: Il rinvio degli script di blocco della visualizzazione riduce in genere il TBT di 1–3 secondi e migliora PageSpeed di 10–25 punti. È l'ottimizzazione di maggiore impatto per la maggior parte dei negozi.
CSS critico in linea
Fogli di stile CSS nel file <head> bloccano il rendering per impostazione predefinita. Il browser non dipingerà nulla finché tutti i CSS non verranno scaricati e analizzati. La soluzione: estrai il CSS necessario per i contenuti sopra la piega, incorporalo direttamente nell'HTML e carica l'intero foglio di stile in modo asincrono.
Sembra semplice ma è notoriamente difficile nella pratica. Hai bisogno di CSS critici diversi per ogni modello di pagina (home page, prodotto, raccolta, carrello), si interrompe quando cambi tema e la generazione di CSS critici accurati richiede un browser headless. Thunder lo fa automaticamente per ogni modello di pagina e lo rigenera quando il tema cambia.
Prima/Dopo: L'integrazione di CSS critici in genere migliora FCP di 0,5–1,5 secondi e aggiunge 5–15 punti PageSpeed.
Ottimizza i caratteri Web
I caratteri Web sono un killer di velocità nascosto. Ogni peso del carattere è un download separato (50-150 KB) e i browser spesso nascondono il testo finché i caratteri non vengono caricati, un fenomeno chiamato FOIT (Flash of Invisible Text).
Lista di controllo per l'ottimizzazione dei caratteri:
- → Aggiungi
visualizzazione carattere: scambiaa tutte le dichiarazioni @font-face - → Precarica il tuo carattere principale con
- → Limita a 2 pesi massimi di carattere (normale + grassetto)
- → Self-host fonts instead of loading from Google Fonts
- → Utilizza il formato WOFF2 (30% più piccolo di WOFF)
Usa un tema leggero
Il tuo tema definisce il livello della performance. Alcuni temi vengono forniti con oltre 500 KB di CSS e JavaScript prima ancora che il contenuto venga caricato. Temi gratuiti di Shopify — Alba, Aggiorna, Crea e Senso : sono realizzati con standard web moderni e sono significativamente più veloci della maggior parte dei temi di terze parti.
Per un confronto dettagliato, vedere il ns Temi Shopify più veloci Guida guida. Cambiare tema è un progetto impegnativo, quindi valuta il vantaggio in termini di velocità rispetto allo sforzo di migrazione.
Caricamento lento dei contenuti sotto la piega
Il caricamento lento rinvia il download di immagini, video e iframe che non sono visibili al primo caricamento della pagina. Ciò riduce il peso della pagina iniziale e accelera la prima verniciatura significativa.
Aggiungi caricamento="pigro" a tutte le immagini e iframe Below the Fold. Ma no
Carico carica lentamente l'immagine del tuo eroe o l'elemento LCP: ciò peggiorerà il tuo punteggio LCP. Utilizzare caricamento="ansioso" o fetchpriority="alta" invece per l'immagine dell'eroe.
Preconnessione a domini di terze parti
When your store loads resources from third-party domains (CDNs, analytics, fonts), the browser needs to perform DNS lookup, TCP connection, and TLS handshake for each new domain. Preconnect hints tell the browser to establish these connections early.
Aggiungi questi al tuo tema.liquid <head>:
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<link rel="dns-prefetch" href="https://www.googletagmanager.com">Riduci la complessità del modello liquido
I modelli Liquid complessi aumentano il tempo di risposta del server di Shopify (TTFB). Loop nidificati, eccessivi per
I loop su raccolte di grandi dimensioni e l'uso intensivo di metafield aggiungono tempo di elaborazione lato server.
Riduci i prodotti per pagina sulle pagine della raccolta (24 è meglio di 100), riduci al minimo le inclusioni liquide nidificate ed evita il rendering dei contenuti nascosti con i CSS. Ogni millisecondo di TTFB si aggiunge ai tuoi punteggi LCP e FCP.
Riduci al minimo le dimensioni del DOM
Un DOM di grandi dimensioni (più di 1.500 elementi) rallenta l'esecuzione di JavaScript, i calcoli di stile e le operazioni di layout. I page builder di Shopify come GemPages e PageFly sono noti per generare DOM enormi, a volte più di 5.000 elementi per una singola pagina.
Semplifica la struttura della pagina, evita sezioni profondamente annidate, riduci il numero di prodotti mostrati per pagina e valuta la possibilità di sostituire le sezioni del generatore di pagine con sezioni di temi nativi, ove possibile.
Pulisci il codice dell'app rimasto
When you uninstall a Shopify app, the app is removed from your admin — but its code often stays in your theme. Leftover script tags, CSS files, and Liquid snippets from removed apps continue loading on every page, slowing your store for no benefit.
Dove cercare:
- →
tema.liquid: controlla la presenza di script e tag di collegamento che fanno riferimento alle app che hai rimosso - →
frammenti/ Cartella: cerca i file che prendono il nome dalle app rimosse - →
beni/— Check for CSS/JS files from removed apps - →
sezioni/: alcune app aggiungono sezioni personalizzate
⚠️ Attenzione: Duplica sempre il tuo tema prima di rimuovere il codice. L'eliminazione dello snippet sbagliato può danneggiare il tuo negozio. Se non ti senti a tuo agio nella modifica di Liquid, considera il nostro Servizio professionale di ottimizzazione della velocità o usa Thunder per ottimizzare il caricamento degli script senza rimuovere alcun codice.
5 errori di ottimizzazione della velocità di Shopify da evitare
Anche i commercianti esperti commettono questi errori quando cercano di aumentare la velocità di Shopify. Evitali e risparmierai ore di fatica sprecata.
❌ Ossessionato dal numero PageSpeed invece che dall'esperienza utente reale
PageSpeed Insights simula una connessione 4G lenta su una CPU limitata. I tuoi utenti reali probabilmente sperimenteranno qualcosa di molto più veloce. Concentrati su Dati del campo Core Web Vitals (CrUX) sui punteggi di laboratorio. Un punteggio di 65 con il superamento del CWV è migliore di un punteggio di 90 con un negozio rotto.
❌ Rimuovere le app senza prima misurarne l'impatto effettivo
Non tutte le app sono uguali. Un'app di revisione con 85 KB di JS conta molto meno di un generatore di pagine che carica 350 KB. Utilizzare il nostro test di velocità gratuito per identificare quali app effettivamente danneggiano la tua velocità prima di disinstallare qualsiasi cosa. Potresti rimuovere un'app che genera $ 500 al mese di entrate per risparmiare 50 ms.
❌ Testare la velocità solo su desktop
Oltre il 70% del traffico Shopify è mobile. I punteggi desktop sono quasi sempre 20-40 punti più alti rispetto ai dispositivi mobili perché l'hardware desktop è più veloce. Prova sempre velocità mobile : questo è ciò che Google utilizza per il posizionamento e ciò che sperimenta la maggior parte dei tuoi clienti.
❌ Apportare una modifica ed eseguire un test di velocità singola
I punteggi di PageSpeed fluttuano di ±5-10 punti tra i test a causa delle condizioni del server, della variabilità della rete e dello stato della cache CDN. Esegui almeno 3 test prima e dopo ogni modifica e confronta la mediana. Meglio ancora, usa monitoraggio delle prestazioni per monitorare le tendenze nel corso dei giorni, non singole istantanee.
❌ Pensare a un'app di velocità sostituisce tutta l'ottimizzazione manuale
Thunder handles the hardest and highest-impact optimizations (script deferral, critical CSS, font optimization). But it can't shrink your 4MB hero image or reduce your 5,000-element DOM from a page builder. The best results come from Thunder + basic image optimization + smart app choices. See our Guida fai da te vs esperta per il giusto equilibrio.
Prima e dopo: risultati reali del negozio
Ecco cosa ottengono i tipici negozi combinando Thunder con ottimizzazioni manuali di base (compressione delle immagini + rimozione delle app inutilizzate). Per una panoramica più approfondita di ciascuna tecnica, vedere il nostro guida completa all'ottimizzazione.
Fashion Store (12 app, tema pesante)
Prima
23
LCP: 8,2 s · TBT: 3.200 ms
Dopo il tuono + Immagini
71
LCP: 2,8 s · TBT: 450 ms
Negozio di elettronica (8 app, tema Dawn)
Prima
48
LCP: 4,1 s · TBT: 1.800 ms
Dopo il tuono
82
LCP: 2,2 s · TBT: 280 ms
Marchio di bellezza (più di 20 app, tema personalizzato)
Prima
15
LCP: 11,3 s · TBT: 5.100 ms
Dopo Thunder + Immagini + Pulizia app
58
LCP: 3,4 s · TBT: 680 ms
Pronto per velocizzare il tuo negozio Shopify?
Thunder gestisce automaticamente i metodi n. 1, n. 4, n. 5, n. 6, n. 8 e n. 9: le ottimizzazioni di maggiore impatto e più difficili da eseguire. La maggior parte dei negozi vede +27 punti senza toccare il codice.
Installa Thunder gratis →Piano gratuito disponibile · Non è richiesta la carta di credito · Funziona con tutti i temi
Domande frequenti
Quanto tempo ci vuole per aumentare la velocità del sito web Shopify?
Dipende dal metodo. L'installazione di Thunder Page Speed Optimizer richiede 30 secondi e offre immediatamente un miglioramento di oltre 27 punti. I metodi manuali come l'ottimizzazione delle immagini richiedono da 1 a 3 ore, mentre il cambio di tema o la pulizia del codice possono richiedere giorni o settimane. Il percorso più veloce verso un miglioramento significativo è combinare uno strumento automatizzato con l'ottimizzazione delle immagini di base.
Qual è il modo più veloce per velocizzare un sito Shopify?
Il modo più veloce è installare Thunder Page Speed Optimizer: rinvia automaticamente gli script di blocco del rendering, incorpora CSS critici, ottimizza il caricamento delle immagini e precarica i caratteri. La maggior parte dei negozi registra un miglioramento di PageSpeed di oltre 27 punti in pochi minuti. Nessuna codifica, nessuna modifica al tema, nessun rischio.
La velocità del sito web Shopify influisce sulle vendite?
Yes, significantly. Research from Google and Deloitte shows that every 0.1 seconds of improvement in load time increases conversions by 8.4%. A store loading in 2 seconds instead of 5 seconds can see 2.5x more sales. Speed also affects Google rankings through Core Web Vitals, which means more organic traffic.
Perché il mio sito Shopify è così lento?
Le cause più comuni sono: troppe app di terze parti che inseriscono JavaScript (ogni app aggiunge 50-500 KB di script), immagini di prodotto non ottimizzate, CSS e JavaScript che bloccano il rendering nel tema, tema pesante o scarsamente codificato, troppi caratteri web e uso eccessivo di loop e metafield Liquid. Le app sono solitamente il principale colpevole.
Posso aumentare la velocità di Shopify senza rimuovere le app?
Sì! Thunder Page Speed Optimizer ottimizza il modo in cui vengono caricati gli script delle app senza rimuoverli. Invece di eliminare funzionalità, rinvia gli script non critici in modo che non blocchino il rendering della pagina. Mantieni tutte le funzionalità delle tue app migliorando notevolmente la velocità. Il differimento manuale degli script è possibile, ma rischia di compromettere la funzionalità dell'app.
Quante app sono troppe per la velocità di Shopify?
Non esiste un numero magico, ma ogni app che inserisce script frontend aumenta il tempo di caricamento. I negozi con più di 15 app attive in genere ottengono un punteggio inferiore a 30 su PageSpeed. Tuttavia, il tipo di app conta più del conteggio: un singolo generatore di pagine pesante può rallentare il tuo negozio più di cinque app leggere messe insieme. Concentrati sull'impatto, non solo sul conteggio.
Cambiare tema Shopify migliora la velocità?
It can, but results vary enormously. Shopify's free themes (Dawn, Refresh, Craft, Sense) are built for speed and typically score 20–30 points higher than heavy third-party themes. However, switching themes is a major project that can take weeks. If your current theme is the bottleneck, it's worth considering — but most speed issues come from apps, not themes.
Cos'è l'ottimizzazione della velocità di Shopify?
L'ottimizzazione della velocità di Shopify è il processo che velocizza il caricamento del tuo negozio Shopify riducendo JavaScript, ottimizzando le immagini, incorporando CSS critici, rinviando script non essenziali e migliorando i tempi di risposta del server. L'obiettivo è migliorare i Core Web Vitals (LCP, CLS, INP), aumentare il tuo punteggio PageSpeed Insights e offrire un'esperienza di acquisto più rapida che converta più visitatori in clienti. Puoi ottimizzare manualmente o utilizzare un'app di ottimizzazione della velocità come Thunder per automatizzare le correzioni di maggiore impatto.
Come posso migliorare la velocità del mio sito Shopify sui dispositivi mobili?
La velocità mobile è il punto in cui la maggior parte dei negozi Shopify ha difficoltà perché le connessioni mobili sono più lente e i telefoni hanno una potenza di elaborazione inferiore. I miglioramenti di maggiore impatto: (1) rinviare JavaScript utilizzando Thunder Page Speed Optimizer: la maggior parte degli script delle app bloccano il rendering sui dispositivi mobili, (2) comprimere le immagini dei prodotti inferiori a 200 KB ciascuna, (3) utilizzare il formato WebP anziché PNG/JPEG, (4) eliminare o rinviare tutti gli script di monitoraggio di terze parti, (5) evitare gli slider degli eroi di grandi dimensioni: utilizzare invece un'unica immagine dell'eroe ottimizzata. Queste cinque modifiche in genere migliorano i punteggi PageSpeed mobile di 20-40 punti.
Un punteggio di velocità Shopify pari a 50 è abbastanza buono?
Un punteggio di 50 ti colloca nell'intervallo "Ha bisogno di miglioramenti" (arancione). Non è terribile: sei al di sopra della media del negozio Shopify, ma c'è un margine significativo di miglioramento. Google considera 90+ come "buoni". Per la maggior parte dei commercianti, puntare a 60-80 è un obiettivo realistico che bilancia velocità e funzionalità. Gli utenti Thunder in genere raggiungono facilmente questo intervallo.