Audit di velocità Shopify: come farne uno passo dopo passo

Correggete subito i problemi più comuni

La maggior parte degli audit di velocità Shopify scopre gli stessi problemi: script che bloccano il rendering, font non ottimizzati e una priorità delle risorse inadeguata. Thunder Page Speed Optimizer li corregge automaticamente:

• Rinvia il JavaScript non critico che blocca il rendering della pagina
• Inserisce inline il CSS critico per una visualizzazione immediata above-the-fold
• Ottimizza il caricamento dei font per evitare il testo invisibile
• Gestisce l'ordine di caricamento delle risorse per Core Web Vitals ottimali

Installate prima Thunder, poi eseguite il vostro audit per identificare i problemi rimanenti. Iniziate con un test di velocità gratuito per vedere la vostra base di partenza attuale.

Cosa vi serve prima di iniziare

Un audit di velocità Shopify completo usa questi strumenti gratuiti:

Vi servirà anche: l'URL del negozio, l'accesso all'admin Shopify e circa 60-90 minuti. Per altre opzioni di strumenti, consultate la nostra guida completa agli strumenti di test di velocità Shopify.

Passaggio 1: stabilite i vostri punteggi di riferimento

Prima di correggere qualsiasi cosa, documentate la vostra situazione attuale. Eseguite PageSpeed Insights su queste quattro pagine (testate sia mobile che desktop):

1. Homepage — La pagina con più traffico e la prima impressione
2. Una pagina collezione principale — Verifica come il negozio gestisce le griglie di prodotti
3. La pagina del prodotto più venduto — Dove avvengono le conversioni
4. Un articolo del blog o una pagina di contenuti — Di solito la più leggera, utile come confronto

Registrate questi numeri in un foglio di calcolo:

Passaggio 2: controllate i Core Web Vitals degli utenti reali

I punteggi di laboratorio (PageSpeed Insights) testano in condizioni controllate. I dati sugli utenti reali mostrano come i clienti effettivi vivono il vostro negozio. Aprite Google Search Console → Core Web Vitals.

Vedrete le pagine raggruppate per stato:

• Buono — Supera tutte e tre le metriche (LCP < 2.5s, CLS < 0.1, INP < 200ms)
• Da migliorare — Una o più metriche nell'intervallo di avviso
• Scarso — Una o più metriche in fallimento

Questi dati sono particolarmente preziosi perché riflettono condizioni di navigazione reali — velocità dei dispositivi reali, connessioni di rete reali, comportamento reale dei clienti. Se i vostri punteggi di laboratorio sembrano decenti ma i dati CWV degli utenti reali mostrano "scarso", i vostri clienti con dispositivi mobili più lenti stanno vivendo un'esperienza negativa.

Annotate quale metrica fallisce più spesso:

• L'LCP fallisce? → Concentratevi su immagini hero, font e risorse che bloccano il rendering
• Il CLS fallisce? → Concentratevi su dimensioni delle immagini, iniezione dinamica di contenuti e correzioni agli spostamenti di layout
• L'INP fallisce? → Concentratevi sull'ottimizzazione JavaScript e sulla reattività alle interazioni

Per una comprensione completa di queste metriche, leggete la nostra guida ai Core Web Vitals per Shopify.

Passaggio 3: verificate l'impatto delle app sulla velocità

Le app sono la causa numero 1 dei negozi Shopify lenti. Questo passaggio da solo spesso rivela il 50-70% dei vostri problemi di velocità.

Metodo rapido: scheda Network di Chrome DevTools

1. Aprite il negozio in Chrome → Premete F12 → Cliccate sulla scheda "Network"
2. Spuntate "Disable cache" e ricaricate la pagina
3. Filtrate per "JS" (JavaScript) — ordinate per dimensione (dalla più grande)
4. Cercate URL di script che contengono nomi di app, cdn.shopify.com/extensions o domini di terze parti
5. Annotate il numero totale di richieste e la dimensione totale del trasferimento

Obiettivi salutari:

Metodo approfondito: testate con le app disattivate

Il test più rivelatore: disattivate temporaneamente tutte le app e misurate la differenza di velocità. Se il vostro negozio passa da 30 a 75, le app sono il vostro problema principale.

1. Andate su Shopify Admin → Impostazioni → App e canali di vendita
2. Annotate il vostro punteggio PageSpeed attuale
3. Disattivate le app una alla volta, testando dopo ognuna
4. Registrate quali app causano i cali di punteggio maggiori
5. Riattivate le app al termine

Per un'analisi più approfondita, usate il nostro analizzatore di negozi Shopify per vedere esattamente quali script carica ogni app.

Passaggio 4: identificate le risorse che bloccano il rendering

Le risorse che bloccano il rendering sono file CSS e JavaScript che impediscono al browser di mostrare la pagina finché non sono stati scaricati ed elaborati completamente. Sono il motivo principale dei tempi LCP elevati.

Controllate PageSpeed Insights — cercate sotto "Opportunities":

• "Eliminate render-blocking resources" — Elenca ogni file CSS e JS che blocca il rendering della pagina. Cliccate per espandere e vedere i risparmi potenziali.
• "Reduce unused CSS" — CSS scaricato ma non usato in questa pagina. Comune con fogli di stile del tema di grandi dimensioni.
• "Reduce unused JavaScript" — Codice JS scaricato ma non eseguito. Spesso dovuto ad app che caricano il bundle completo su pagine dove non servono.

Colpevoli comuni del blocco del rendering su Shopify

Thunder elimina automaticamente le risorse che bloccano il rendering rinviando gli script non critici e inserendo inline il CSS critico. È l'ottimizzazione con il singolo impatto maggiore per la maggior parte dei negozi Shopify.

Passaggio 5: rivedete l'ottimizzazione delle immagini

Le immagini sono in genere gli asset più pesanti di qualsiasi pagina Shopify. Controllate questi problemi:

Dimensione e formato delle immagini

In Chrome DevTools → Network → filtrate per "Img" — controllate la dimensione totale delle immagini e le dimensioni dei singoli file.

• Immagini hero/banner oltre 200KB: comprimete o ridimensionate. Puntate a 80-150KB per le immagini hero.
• Immagini prodotto oltre 100KB: Shopify comprime automaticamente, ma gli upload originali contano. Caricate immagini fino a un massimo di 2048x2048.
• Immagini non in formato WebP/AVIF: il CDN di Shopify serve automaticamente WebP quando il browser lo supporta — verificate controllando la colonna "Type" nella scheda Network.
• Immagini con dimensioni sbagliate: un'immagine 3000x3000 mostrata a 300x300 spreca banda. Usate il filtro image_url di Shopify con i parametri di larghezza.

Lazy loading

Le immagini sotto il viewport iniziale dovrebbero usare il lazy loading, così si scaricano solo quando l'utente si avvicina scorrendo. Controllate:

• Immagine hero con loading="lazy": questo è sbagliato — la vostra hero dovrebbe caricarsi immediatamente perché è l'elemento LCP
• Immagini della griglia prodotti senza lazy loading: i prodotti sotto la piega dovrebbero avere il lazy loading
• Immagini decorative a caricamento immediato: badge di fiducia, icone social e immagini del footer dovrebbero essere tutte lazy

Per un approccio completo all'ottimizzazione delle immagini, consultate la nostra guida all'ottimizzazione delle immagini Shopify e la guida alla configurazione del lazy loading.

Passaggio 6: analizzate la qualità del codice del tema

Il vostro tema Shopify è la base su cui si carica tutto il resto. Un tema gonfio o scritto male rende meno efficace ogni altra ottimizzazione.

Controllo rapido dello stato di salute del tema

1. Controllate la velocità integrata del tema: usate Shopify Online Store → Themes → cliccate sul nome del tema → sezione "Speed". Shopify fornisce una valutazione di velocità di base.
2. Contate le sezioni del tema in homepage: ogni sezione aggiunge HTML, CSS e a volte JavaScript. Più di 15-20 sezioni su una pagina qualsiasi è un problema di prestazioni. Verificate se state usando sezioni che potreste rimuovere.
3. Controllate il JavaScript inline: cercate nel codice del tema i tag <script> all'interno dei file delle sezioni. Gli script inline nelle sezioni si caricano su ogni pagina che include quelle sezioni.
4. Cercate cicli Liquid eccessivi: una logica Liquid complessa (cicli for annidati, query pesanti sui metafield) rallenta il rendering lato server, aumentando il TTFB (Time to First Byte).

Segnali d'allarme del tema

Se il tema è il collo di bottiglia, valutate di passare a un tema Shopify più veloce. Dawn (il tema predefinito di Shopify) è uno dei più veloci disponibili. Consultate la nostra classifica dei temi gratuiti più veloci per alternative.

Passaggio 7: ispezionate gli script di terze parti

Oltre alle app, il vostro negozio probabilmente carica script da servizi esterni — analytics, pixel di marketing, widget di chat, piattaforme di recensioni e altro. Questi script di terze parti hanno spesso l'impatto maggiore sulla velocità perché si caricano da server esterni lenti.

Trovare gli script di terze parti

1. In Chrome DevTools → scheda Network, guardate la colonna "Domain"
2. Qualsiasi dominio che non sia cdn.shopify.com o il dominio del vostro negozio è di terze parti
3. Annotate ogni dominio unico e i dati totali caricati da esso

Colpevoli comuni tra gli script di terze parti

Dare priorità alle correzioni: il piano d'azione dell'audit di velocità

Dopo aver completato tutti e 7 i passaggi, avrete un elenco di problemi. Ecco come dare loro priorità per il massimo impatto:

Priorità 1: vittorie rapide (fatelo questa settimana)

• Installate Thunder Page Speed Optimizer per il rinvio automatico degli script e il CSS critico
• Rimuovete le app inutilizzate (qualsiasi app che non contribuisce attivamente alle entrate)
• Comprimete le immagini troppo pesanti (qualsiasi cosa oltre 200KB)
• Aggiungete font-display: swap alle dichiarazioni dei font

Priorità 2: impegno medio (questo mese)

• Ospitate Google Fonts in locale
• Implementate il lazy loading per le immagini sotto la piega
• Consolidate le app sovrapposte (3 strumenti di popup → 1)
• Rinviate gli script di terze parti non essenziali (chat, recensioni sulle pagine non prodotto)

Priorità 3: impegno maggiore (questo trimestre)

• Migrazione del tema se quello attuale è fondamentalmente lento
• Migrazione al tracciamento lato server per i pixel di marketing
• Ripulite il codice residuo delle app disinstallate
• Configurate un monitoraggio continuo delle prestazioni

Dopo l'audit: mantenere la velocità

Un audit di velocità ha valore solo se agite di conseguenza e prevenite i cali. Adottate queste pratiche continuative:

• Controllo rapido mensile: eseguite PageSpeed Insights sulla homepage e sulla pagina prodotto principale. Confrontate con il vostro riferimento. Richiede 5 minuti.
• Prima di installare una nuova app: eseguite un test di velocità prima e dopo l'installazione. Se l'app fa calare il punteggio di oltre 10 punti, cercate alternative.
• Dopo gli aggiornamenti del tema: gli aggiornamenti del tema possono introdurre nuovi script o cambiare il caricamento delle risorse. Testate sempre la velocità dopo un aggiornamento.
• Audit completo trimestrale: rieseguite l'intero processo di 7 passaggi ogni 3 mesi. I negozi accumulano debito di velocità nel tempo man mano che si accumulano app, sezioni e personalizzazioni.

Per un monitoraggio continuo tra un audit e l'altro, configurate un monitoraggio automatico delle prestazioni usando gli avvisi di Google Search Console e i test sintetici. La nostra guida completa all'ottimizzazione della velocità copre le strategie di manutenzione a lungo termine.

Domande frequenti

Il vostro audit di velocità è il punto di partenza

Eseguire un audit di velocità Shopify non è un evento una tantum — è la base di una gestione continua delle prestazioni. I 7 passaggi di questa guida vi danno un quadro completo di cosa sta rallentando il vostro negozio: dall'eccesso di app e gli script che bloccano il rendering fino all'ottimizzazione delle immagini e alla qualità del codice del tema.

La strada più veloce verso i risultati: installate Thunder Page Speed Optimizer per gestire le ottimizzazioni automatiche, poi usate i risultati del vostro audit per apportare miglioramenti manuali mirati. La maggior parte dei negozi ottiene i guadagni maggiori dalla combinazione di gestione automatica degli script e pulizia manuale delle app.

Iniziate ora. Eseguite il vostro test di velocità gratuito e seguite questa guida passo dopo passo. I vostri clienti — e Google — noteranno la differenza.