Il mito "rimuovete le app"
Cercate "come migliorare il punteggio di velocità Shopify" e troverete ovunque lo stesso consiglio: rimuovere le app. È la risposta pigra a un problema sfumato — e sta costando ai commercianti soldi veri.
Ecco perché è un cattivo consiglio: le app generano fatturato. La vostra app di recensioni genera riprova sociale e conversioni. La vostra app di upsell aumenta l'AOV. La vostra app di raccolta email costruisce la vostra lista. La vostra app di analytics vi dice cosa funziona. Rimuoverle per inseguire una metrica vanitosa è come staccare la spina della cassa per risparmiare sulla corrente.
I commercianti che raggiungono davvero punteggi di 90+ con negozi reali e funzionanti non lo fanno rimuovendo app. Lo fanno ottimizzando come quelle app si caricano. È un approccio fondamentalmente diverso — ed è quello che tratteremo qui.
Abbiamo lavorato con negozi che gestiscono 15-25 app e ottengono 85-95 su desktop e 70-85 su mobile. Lo schema è sempre lo stesso: le app in sé non sono il problema. Il modo in cui si caricano i loro script lo è.
Avvertenza importante: "non rimuovete le app" non significa "tenetele tutte". Se avete 3 diverse app di recensioni o uno strumento di popup che avete installato una volta e mai configurato, quelli dovrebbero sparire. Il punto è: non sacrificate funzionalità che generano fatturato solo perché un test di velocità ve lo ha detto. Per una comprensione completa di come funzionano i punteggi, leggete la nostra guida su cos'è un buon punteggio di velocità Shopify.
Cosa rallenta davvero il vostro punteggio di velocità Shopify
Il vostro punteggio di velocità Shopify viene calcolato usando Google Lighthouse, che misura sei metriche. Capire quali di queste sono effettivamente influenzate dalle app vi dice esattamente dove concentrarvi:
| Metrica | Peso | Impatto delle app | Correzione |
|---|---|---|---|
| Total Blocking Time (TBT) | 30% | Molto alto | Rinviare gli script delle app |
| Largest Contentful Paint (LCP) | 25% | Alto | Inserire inline il CSS critico, ottimizzare l'immagine hero |
| Speed Index | 10% | Alto | Rinviare gli script + CSS inline |
| Cumulative Layout Shift (CLS) | 25% | Medio | Riservare spazio per gli elementi dinamici |
| First Contentful Paint (FCP) | 10% | Medio | Rimuovere le risorse che bloccano il rendering |
Notate lo schema? Il 55% del punteggio (TBT + LCP) è controllato direttamente da come si caricano JavaScript e CSS. Le app sono la principale fonte di JavaScript nella maggior parte dei negozi Shopify. Ma non dovete rimuovere le app — dovete solo cambiare quando e come si carica il loro codice.
Quando un browser incontra un tag <script> senza defer o async, ferma tutto — smette di analizzare l'HTML, smette di renderizzare pixel — finché quello script non si scarica e si esegue. Un singolo script di un'app di recensioni da 200KB caricato in modo sincrono in theme.liquid può aggiungere 800ms al vostro TBT su una connessione mobile rallentata.
La soluzione non è rimuovere l'app di recensioni. È far caricare quello script dopo che la pagina si è renderizzata. È esattamente quello che fa il rinvio degli script — ed è la leva singola più potente per migliorare il vostro punteggio di velocità Shopify. Per un approfondimento, consultate la nostra guida per correggere le risorse che bloccano il rendering su Shopify.
La correzione a un clic: Thunder Page Speed Optimizer
Prima di passare alle strategie manuali, ecco la strada più veloce verso il 90+: lasciate che Thunder se ne occupi automaticamente. Ogni strategia che trattiamo qui sotto — rinvio degli script, CSS critico, ottimizzazione delle immagini, caricamento dei font — Thunder la applica con una sola installazione.
Cosa fa automaticamente Thunder:
Rinvia tutti gli script che bloccano il rendering
Ogni script delle app si carica dopo il rendering — nessuna modifica manuale al codice richiesta
Inserisce inline il CSS critico
Estrae gli stili above-the-fold e li inserisce inline per un rendering istantaneo
Ottimizza il caricamento delle immagini
Applica il lazy load alle immagini fuori schermo, dà priorità all'immagine hero per un LCP più veloce
Corregge il caricamento dei font
Precarica i font critici e aggiunge automaticamente font-display: swap
Miglioramento medio: +27 punti (con tutte le app installate)
Sono 27 punti senza rimuovere una sola app. La maggior parte dei negozi passa da 40-60 a 70-90 su mobile, e da 60-80 a 90+ su desktop. Testate il punteggio attuale del vostro negozio per vedere il vostro punto di partenza.
Piano gratuito disponibile · Nessuna carta di credito richiesta · Installazione in 30 secondi · Funziona con tutte le app e i temi
Strategia 1: rinviare gli script che bloccano il rendering
Questa è l'ottimizzazione con il singolo impatto maggiore che potete fare. Gli script che bloccano il rendering rappresentano il 30-50% delle perdite di punteggio di velocità nella maggior parte dei negozi Shopify. Ecco perché sono così dannosi e come correggerli.
Il problema
Quando un'app si installa su Shopify, in genere aggiunge un tag <script src="..."> al vostro file theme.liquid. Senza attributi defer o async espliciti, i browser lo trattano come "ferma tutto e carica prima questo". Moltiplicate questo per 10-15 app e avrete un ingorgo di script che cercano tutti di caricarsi prima ancora che la pagina possa mostrare il suo primo pixel.
La correzione manuale
Prima (blocca il rendering):
<script src="https://app-cdn.example.com/widget.js"></script> Dopo (rinviato):
<script src="https://app-cdn.example.com/widget.js" defer></script>
Aprite l'editor del codice del tema, andate su theme.liquid e aggiungete defer a ogni tag script di terze parti. Per gli script inline (che non possono usare defer), racchiudeteli in un listener dell'evento DOMContentLoaded oppure usate setTimeout per ritardare l'esecuzione di 2-3 secondi.
⚠️ Attenzione: aggiungere defer allo script sbagliato può rompere le funzionalità. Gli script di pagamento, gli analytics di Shopify stessi e alcuni widget delle app si aspettano un caricamento sincrono. Testate a fondo su un tema duplicato prima di andare live. Questo è uno dei motivi per cui molti commercianti scelgono Thunder — sa quali script è sicuro rinviare e gestisce automaticamente i casi limite.
Impatto atteso: miglioramento di 15-30 punti su mobile, 10-20 su desktop. Questa singola modifica porta spesso i negozi da un punteggio sui 50 a uno sui 70-80.
Strategia 2: inserire inline il CSS critico
Anche i file CSS bloccano il rendering di default. Il browser non renderizzerà un solo pixel finché tutto il CSS nell'<head> non sarà stato scaricato e analizzato. Nella maggior parte dei temi Shopify, si tratta di 200-500KB di CSS — la maggior parte del quale stilizza elementi sotto la piega o su pagine completamente diverse.
La correzione manuale
- Estraete il CSS critico: usate uno strumento come Critical per identificare quali regole CSS servono per il contenuto above-the-fold della homepage.
- Inseritelo inline: mettete quelle regole in un tag
<style>nell'<head>. - Rinviate il resto: caricate il file CSS completo in modo asincrono usando
<link rel="preload" href="style.css" as="style">con un fallback. - Ripetete per ogni template: le pagine prodotto, le pagine collezione e la homepage hanno ciascuna contenuti above-the-fold diversi. Ognuna ha bisogno del proprio CSS critico.
Questo è tecnicamente complesso e richiede molta manutenzione. Ogni aggiornamento del tema può cambiare la struttura del CSS, richiedendo una nuova estrazione. È una delle ottimizzazioni manuali più dispendiose in termini di tempo — ed è una delle cose che Thunder automatizza completamente. Consultate la nostra pagina delle funzionalità per vedere come funziona.
Impatto atteso: miglioramento di 5-15 punti, principalmente su FCP e LCP.
Strategia 3: ottimizzare correttamente le immagini
Le immagini sono gli asset più pesanti nella maggior parte dei negozi Shopify. Un singolo banner hero non ottimizzato può pesare più di tutti gli script delle vostre app messi insieme. La buona notizia: l'ottimizzazione delle immagini è semplice e ad alto impatto.
Vittorie rapide
Immagine hero sotto 200KB: il vostro elemento LCP è di solito il banner hero o la prima immagine prodotto. Comprimetela in formato WebP all'80% di qualità. Usate il filtro image_url di Shopify con una larghezza specifica: {{ image | image_url: width: 1200 }}
Dimensioni esplicite: includete sempre gli attributi width e height sui tag <img>. Questo previene il CLS (spostamenti di layout) durante il caricamento delle immagini, che vale il 25% del punteggio.
Precaricate l'hero: aggiungete <link rel="preload" as="image" href="hero.webp"> nell'<head> per dire al browser di iniziare a scaricare l'immagine LCP prima di scoprirla nell'HTML.
Applicate il lazy load a tutto il resto: ogni immagine sotto la piega dovrebbe avere loading="lazy". Leggete la nostra guida al lazy loading su Shopify per la configurazione completa.
Impatto atteso: 5-20 punti a seconda della vostra situazione attuale delle immagini. I negozi con immagini hero non compresse da 2MB vedranno miglioramenti drastici.
Strategia 4: correggere il caricamento dei font
I font sono assassini subdoli della velocità. Ogni peso del font è un file separato (40-100KB ciascuno). Un tipico negozio Shopify carica 4-8 file di font, aggiungendo 200-600KB al caricamento iniziale della pagina. Senza font-display: swap, i browser mostrano testo invisibile finché i font non finiscono di caricarsi — rovinando il punteggio FCP.
La correzione manuale
Limitate i pesi dei font: usate al massimo 2 famiglie di font con 2 pesi ciascuna (regular + bold). Sono 4 file al massimo.
Aggiungete font-display: swap: assicuratevi che tutte le dichiarazioni @font-face includano font-display: swap così il testo si renderizza subito con un font di riserva mentre i font personalizzati si caricano.
Precaricate i font critici: aggiungete <link rel="preload" as="font" type="font/woff2" href="..." crossorigin> per gli 1-2 font usati nel contenuto above-the-fold.
Ospitate in locale invece di Google Fonts: scaricare i font e servirli dal CDN di Shopify elimina un lookup DNS + una connessione ai server di Google.
Impatto atteso: 3-10 punti, principalmente su FCP e LCP.
Strategia 5: applicare il lazy load a tutto ciò che è sotto la piega
Oltre alle immagini, potete applicare il lazy load a intere sezioni della pagina. Widget delle app che appaiono nel footer, sezioni di recensioni sotto le descrizioni prodotto e feed Instagram in fondo alla pagina — nessuno di questi ha bisogno di caricarsi prima che il cliente veda la pagina.
Tecniche avanzate di lazy loading
Intersection Observer: usate l'API Intersection Observer per rilevare quando una sezione entra nella vista scorrendo, poi caricate gli script associati. Funziona per widget di recensioni, widget di chat e popup di riprova sociale.
Trigger basati sull'interazione dell'utente: alcuni script devono caricarsi solo quando l'utente interagisce. Un widget di chat può caricarsi al primo movimento del mouse. Un popup di upsell può caricarsi quando l'utente aggiunge al carrello. Questo schema "carica all'interazione" mantiene minimo il peso iniziale della pagina.
Skeleton screen: mostrate contenuti segnaposto leggeri mentre si caricano le sezioni pesanti. Questo migliora le prestazioni percepite e mantiene basso il CLS perché il layout non si sposta quando arriva il contenuto reale.
Impatto atteso: 5-15 punti su mobile. Varia in base a quanti script sotto la piega riuscite a rinviare.
Strategia 6: verificare la qualità delle app, non la quantità
Invece di contare quante app avete, verificate come si carica ciascuna. Alcune app sono ottimizzate splendidamente — script minuscoli, caricamento rinviato, CSS minimo. Altre riversano 500KB di JavaScript non minificato in modo sincrono nel vostro tema. Conoscere la differenza è fondamentale.
Come verificare l'impatto sulla velocità di ogni app
- Aprite Chrome DevTools → scheda Network sul vostro negozio
- Disattivate ogni app una alla volta (disinstallate temporaneamente o usate l'interruttore di disattivazione dell'app se disponibile)
- Rieseguite PageSpeed Insights dopo ogni modifica (eseguitelo 3 volte, prendete la media)
- Registrate il delta di punteggio per ogni app — ora sapete esattamente quali app costano più punti
- Per le app più costose, cercate alternative più leggere che fanno la stessa cosa con meno peso di codice
Abbiamo visto casi in cui una singola app di recensioni costava 20 punti mentre un'app di recensioni concorrente con le stesse funzionalità ne costava solo 3. La funzionalità è identica — la qualità del codice no. Consultate la nostra guida agli script di terze parti per saperne di più sull'identificazione degli script pesanti.
Non volete verificare manualmente? Usate il Thunder Shopify Analyzer per vedere esattamente quali script si caricano nel vostro negozio, quanto sono grandi e quali bloccano il rendering. Vi fornisce un report utilizzabile in pochi secondi.
A quale punteggio di velocità Shopify dovreste puntare davvero?
Siamo realistici. Ecco i punteggi che ottengono davvero i negozi Shopify ben ottimizzati con app reali:
| Profilo del negozio | Desktop tipico | Mobile tipico |
|---|---|---|
| Negozio minimale (3-5 app, tema leggero) | 95-100 | 85-95 |
| Negozio standard (10-15 app, ottimizzato) | 90-98 | 70-85 |
| Negozio ricco di funzionalità (15-25 app, ottimizzato) | 85-95 | 60-80 |
| Negozio enterprise (25+ app, funzionalità pesanti) | 75-90 | 50-70 |
Un punteggio mobile di 75-85 con 15 app installate è eccellente. Significa che i vostri Core Web Vitals sono superati e che il negozio si carica velocemente per gli utenti reali. Non inseguite un 100 perfetto — richiederebbe di eliminare funzionalità che rendono il negozio redditizio.
Più importante del punteggio di laboratorio sono i vostri dati sul campo dei Core Web Vitals — le prestazioni reali vissute dai visitatori effettivi. Controllateli su PageSpeed Insights sotto "Scoprite cosa stanno vivendo i vostri utenti reali". Se quelle metriche sono verdi, il vostro negozio è veloce — indipendentemente da cosa dice il punteggio di laboratorio.
Per maggiore contesto su cosa significano questi numeri, leggete il nostro approfondimento su punteggio di velocità Shopify vs Google PageSpeed e la relazione tra velocità e conversioni.
Domande frequenti
Posso davvero ottenere un punteggio di velocità Shopify di 90+ senza rimuovere app?
Sì — ma dipende da quali app e da come si caricano. La chiave non è rimuovere le app ma ottimizzare come si caricano i loro script. Rinviando il JavaScript che blocca il rendering, inserendo inline il CSS critico e applicando il lazy loading alle risorse non essenziali, la maggior parte dei negozi può raggiungere 90+ con 10-15 app installate. Thunder Page Speed Optimizer automatizza l'intero processo.
Quante app sono troppe per la velocità Shopify?
Non esiste un numero magico. Un negozio con 20 app ben scritte può superare uno con 5 app scritte male. Ciò che conta è come ogni app carica i propri script. Le app che iniettano JavaScript sincrono nel vostro theme.liquid o caricano grandi file CSS above the fold sono i veri assassini della velocità. Usate la scheda Network di Chrome DevTools per identificare quali app aggiungono più peso.
Thunder funziona con tutte le app Shopify?
Thunder è compatibile con tutte le app e i temi Shopify. Funziona a livello di caricamento del browser — rinviando gli script, inserendo inline il CSS critico e ottimizzando l'ordine di caricamento delle risorse. Questo significa che ottimizza come si caricano gli asset di qualsiasi app senza modificarne la funzionalità. Nei rari casi in cui un'app richiede un caricamento sincrono (come i widget di pagamento), Thunder lo rileva e lo lascia stare.
A quale punteggio di velocità Shopify dovrei puntare?
Per la maggior parte dei negozi Shopify, un punteggio di velocità tra 70 e 90 su mobile rappresenta prestazioni eccellenti. I punteggi desktop sopra 90 sono comuni. La metrica che conta davvero sono i dati sul campo dei Core Web Vitals — se il vostro LCP è sotto i 2.5s, l'INP sotto i 200ms e il CLS sotto 0.1 con utenti reali, il vostro negozio sta performando bene indipendentemente dal numero del punteggio di laboratorio.
Perché il mio punteggio di velocità mobile Shopify è così più basso di quello desktop?
I punteggi mobile simulano uno smartphone di fascia media su una connessione 4G lenta con un forte rallentamento della CPU. Il desktop simula un computer veloce su una connessione via cavo. Questo rallentamento fa costare ogni script non ottimizzato 3-5 volte di più su mobile. Per questo il rinvio degli script e l'inserimento inline del CSS critico — che Thunder gestisce automaticamente — hanno un impatto maggiore sui punteggi mobile.
Ottimizzare il mio punteggio di velocità aumenterà davvero le vendite?
I dati mostrano costantemente che i negozi più veloci convertono meglio. La ricerca di Google ha scoperto che un miglioramento di 1 secondo nel tempo di caricamento mobile può aumentare le conversioni fino al 27%. Per Shopify in particolare, i negozi con LCP sotto i 2.5 secondi registrano tassi di aggiunta al carrello mediamente più alti del 15-20% rispetto ai negozi che caricano in 4+ secondi. La velocità non è tutto, ma rimuove attrito dal processo d'acquisto.
Qual è la migliore strategia di ottimizzazione per un punteggio mobile Shopify di 90 nel 2026?
La strategia più efficace per raggiungere un punteggio mobile di 90+ nel 2026 si concentra su tre aree: (1) Rinviare tutto il JavaScript non critico — da solo può far guadagnare 15-25 punti su mobile perché Lighthouse applica un forte rallentamento della CPU. (2) Inserire inline il CSS critico e rinviare il resto — elimina i fogli di stile che bloccano il rendering. (3) Ottimizzare l'LCP impostando fetchpriority='high' sulla vostra immagine hero e precaricandola. Thunder Page Speed Optimizer gestisce automaticamente tutte e tre, con un miglioramento medio di oltre 27 punti specificamente su mobile.