Perché il mio negozio Shopify è lento?

Un negozio lento è frustrante per te e per i tuoi clienti. Le pagine ci mettono un po’ a comparire, le immagini si caricano a pezzi, i pulsanti non rispondono subito oppure il layout salta mentre la pagina si sta ancora caricando.

Shopify è una piattaforma in hosting, quindi non gestisci tu i server. Shopify si occupa dell’hosting, della content delivery network e di gran parte dell’infrastruttura. Per questo la causa di un negozio lento di solito non è "il server", ma ciò che viene caricato sopra:

• le app e gli script che aggiungono
• immagini e video
• il tema e le sue funzioni
• gli strumenti di tracciamento e marketing
• il codice personalizzato aggiunto nel tempo

La buona notizia è che quasi tutto questo è sotto il tuo controllo. La notizia meno buona è che la velocità raramente si risolve con una sola modifica. Il primo passo più utile è misurare bene, così sai cosa è davvero lento prima di cambiare qualsiasi cosa.

Questa guida spiega le cause più comuni, come misurare la velocità in un modo che rispecchi i clienti reali, quali miglioramenti di solito sono rapidi e quali richiedono un lavoro più profondo.

Cosa significa davvero "lento"?

Persone diverse intendono cose diverse quando parlano di negozio lento, e ognuna punta a una causa diversa.

La pagina ci mette molto a comparire

Lo schermo resta bianco o quasi vuoto per un po’. Spesso dipende da immagini grandi in cima alla pagina, sezioni pesanti del tema o script che devono caricarsi prima dei contenuti.

La pagina compare, ma non risponde

Vedi la pagina, ma toccando il menu, un filtro o il pulsante aggiungi al carrello per un attimo non succede niente. Di solito la causa è troppo JavaScript in esecuzione nel browser, spesso proveniente da app e strumenti di tracciamento.

Il layout salta durante il caricamento

Il testo si sposta in basso quando compare un’immagine o un banner, oppure un pulsante si sposta proprio mentre cerchi di toccarlo. Spesso dipende da immagini senza dimensioni impostate, banner caricati in ritardo, pop-up o widget di app che si inseriscono nella pagina.

Solo alcune pagine sono lente

Se sono lente solo le pagine prodotto, le collezioni grandi o i risultati di ricerca, è probabile che la causa sia specifica di quei template: molte immagini di prodotto, filtri, widget di recensioni o app di raccomandazione.

Sapere quale di questi casi stai vedendo rende l’indagine molto più veloce.

Cosa sono i Core Web Vitals?

I Core Web Vitals sono un insieme di misurazioni che Google usa per descrivere l’esperienza di caricamento e utilizzo di una pagina. Sono tre:

• Largest Contentful Paint (LCP) misura quanto velocemente compare il contenuto principale, spesso l’immagine hero o l’immagine principale del prodotto.
• Interaction to Next Paint (INP) misura quanto velocemente la pagina risponde quando qualcuno tocca o clicca.
• Cumulative Layout Shift (CLS) misura quanto il layout si sposta in modo inatteso durante il caricamento.

Google pubblica valori di riferimento per ciascuna metrica e classifica i risultati come buoni, da migliorare o scarsi. Strumenti come PageSpeed Insights ti mostrano in quale categoria rientrano le tue pagine.

I Core Web Vitals non sono l’unica cosa che conta per un negozio, ma sono un linguaggio comune utile. Riflettono anche problemi reali che i clienti notano: attese, pulsanti che non rispondono e layout che saltano.

Come misuro la velocità del mio negozio?

Esistono due tipi di dati ed è importante non confonderli.

Dati di laboratorio: un test eseguito da uno strumento

Quando analizzi una pagina con PageSpeed Insights, lo strumento la carica in un ambiente simulato e produce un punteggio e un elenco di suggerimenti. Questi si chiamano dati di laboratorio.

I dati di laboratorio sono utili per:

• individuare problemi specifici, come immagini sovradimensionate o script pesanti
• fare un confronto prima e dopo una modifica
• testare pagine che non hanno ancora molto traffico

Però il punteggio può variare da un test all’altro e non riflette per forza ciò che vivono i tuoi clienti sui loro dispositivi e con le loro connessioni.

Dati sul campo: cosa vivono i visitatori reali

Se il tuo negozio ha abbastanza traffico, PageSpeed Insights mostra anche i dati raccolti dagli utenti reali di Chrome nelle ultime settimane. Compaiono in cima al report e mostrano i Core Web Vitals per quella pagina o per l’intero sito.

Shopify offre anche un report sulle prestazioni web nelle analisi dell’admin, basato sulle visite reali al tuo negozio. Mostra come cambiano nel tempo i tuoi Core Web Vitals e può aiutarti a collegare le variazioni di velocità a eventi come l’installazione di un’app o il cambio di tema.

I dati sul campo sono più vicini alla realtà dell’esperienza dei tuoi clienti. Quando dati di laboratorio e dati sul campo non coincidono, dai più peso ai dati sul campo.

Testa le pagine giuste

Non testare solo la homepage. I clienti spesso arrivano direttamente su pagine prodotto e collezione da ricerche o annunci. Testa almeno:

• la homepage
• una pagina collezione molto visitata
• una pagina prodotto molto visitata
• il carrello

Testa sia su mobile sia su desktop. La maggior parte dei negozi riceve una grossa fetta del traffico da smartphone, che di solito hanno processori e connessioni più lenti.

Cosa rende di solito lento un negozio Shopify?

Troppe app e troppi script

Ogni app che aggiunge qualcosa al negozio può caricare il proprio JavaScript, fogli di stile, font o richieste verso server esterni. Una sola app raramente fa una grande differenza. Dieci o venti insieme sì.

Tra i fattori più comuni:

• widget di recensioni
• pop-up e moduli di raccolta email
• live chat
• strumenti di upsell e cross-sell
• convertitori di valuta e strumenti di traduzione
• widget di raccomandazione dei prodotti
• programmi fedeltà e referral

Anche le app che hai disinstallato possono lasciare codice nel tema, che potrebbe ancora cercare di caricarsi. Leggi come capire se un’app Shopify sta causando un problema? per scoprire come trovarlo.

Immagini e video grandi

Shopify distribuisce automaticamente le immagini tramite la sua content delivery network e può servirne versioni ridimensionate, ma solo se il tema richiede dimensioni sensate. I problemi spesso nascono da:

• file originali molto grandi caricati per banner e slideshow
• video hero che partono in automatico
• slideshow con molte immagini a tutta larghezza
• immagini inserite tramite testo formattato o page builder senza controllo delle dimensioni
• animazioni GIF usate dove basterebbe un breve video o un’immagine statica

L’immagine in cima alla pagina è la più importante, perché di solito è quella misurata dal Largest Contentful Paint.

Un tema pesante o molto personalizzato

Alcuni temi includono molte funzioni: mega menu, animazioni, quick view, più slider, elementi fissi. Ogni funzione aggiunge codice. Anche le personalizzazioni aggiunte negli anni da sviluppatori diversi possono accumularsi, a volte duplicando funzioni o caricando librerie che il tema ha già.

Un tema più vecchio potrebbe non usare gli approcci più efficienti disponibili nei temi attuali.

Tracciamento di terze parti

Gli strumenti di marketing e di analisi sono preziosi, ma ognuno aggiunge lavoro per il browser. Spesso i negozi hanno:

• più strumenti di analisi che raccolgono dati simili
• pixel pubblicitari di più piattaforme
• strumenti di heatmap e registrazione delle sessioni
• container di tag manager che caricano altri tag
• vecchi codici di tracciamento di campagne ormai concluse

Questi possono influire soprattutto sulla reattività, perché eseguono JavaScript mentre il cliente cerca di usare la pagina.

Font e risorse esterne

Font personalizzati, librerie di icone e contenuti incorporati come feed social o mappe aggiungono tutti richieste. Caricare più famiglie di font e più pesi fa crescere il conto in fretta.

Collezioni grandi e filtri complessi

Le pagine collezione che mostrano molti prodotti, ognuno con più immagini, campioni colore e badge, possono diventare pesanti. Filtri, scroll infinito e funzioni di quick view aggiungono altro peso.

Quali sono gli interventi rapidi?

Queste modifiche spesso sono a basso rischio e possono fare una differenza visibile. Fai una modifica alla volta e misura di nuovo.

• Rimuovi le app che non usi più. Prima verifica se contengono dati che ti servono.
• Disattiva gli app embed che non ti servono su ogni pagina. Alcuni si possono limitare o rimuovere dal tema.
• Comprimi e ridimensiona le immagini grandi prima di caricarle, soprattutto banner e immagini degli slideshow.
• Sostituisci i video hero in autoplay con un’immagine statica, oppure verifica che il video sia breve e ottimizzato.
• Riduci il numero di slide negli slideshow della homepage.
• Rivedi gli strumenti di tracciamento e rimuovi duplicati o pixel di vecchie campagne, dopo averne parlato con chi gestisce il marketing.
• Limita famiglie e pesi dei font nelle impostazioni del tema.
• Riduci il numero di prodotti per pagina nelle pagine collezione molto pesanti.

Gli interventi rapidi valgono la pena, ma non risolvono ogni caso. Se il negozio resta lento anche dopo, di solito serve un’analisi più attenta del codice.

Cosa richiede un lavoro più profondo?

Alcuni miglioramenti richiedono uno sviluppatore e test accurati:

• rimuovere il codice lasciato dalle app disinstallate
• ottimizzare il modo in cui il tema carica script e fogli di stile
• differire o ritardare gli script non essenziali
• correggere gli spostamenti del layout causati da immagini, banner o widget di app
• rivedere il codice Liquid personalizzato che fa lavoro inutile
• accorpare funzioni gestite da più app che si sovrappongono
• passare a un tema più moderno, che è un progetto a sé
• rivedere la configurazione del tracciamento perché i tag si carichino in modo più efficiente

Il lavoro più profondo va sempre fatto su un tema duplicato, con misurazioni prima e dopo e con un test completo di carrello e checkout prima di pubblicare.

Cosa dovrei evitare?

• Inseguire un punteggio PageSpeed perfetto. Il punteggio è una guida, non l’obiettivo. Conta di più un negozio che i clienti trovano veloce e facile da usare.
• Installare un’app per la velocità senza capire cosa fa. Alcune cambiano il modo in cui si caricano gli script e possono rompere altre app o il tracciamento.
• Rimuovere il tracciamento senza chiedere. Report di marketing e campagne pubblicitarie potrebbero dipenderne.
• Cambiare molte cose insieme. Non saprai quale modifica ha aiutato o quale ha rotto qualcosa.
• Modificare il tema live. Lavora sempre prima su un duplicato.
• Giudicare da un solo test. Ripeti i test più volte e osserva i dati sul campo nel tempo.

Quando dovrei chiedere supporto?

Valuta di coinvolgere uno sviluppatore quando:

• il negozio è ancora lento dopo aver rimosso le app inutilizzate e sistemato le immagini grandi
• i dati sul campo mostrano Core Web Vitals scarsi su molte pagine
• sospetti codice residuo di app o codice personalizzato pesante
• i problemi di velocità sono comparsi dopo un aggiornamento del tema o una nuova app
• il pulsante aggiungi al carrello o i menu rispondono lentamente
• stai valutando un cambio di tema soprattutto per la velocità
• il tasso di conversione è calato e la velocità potrebbe c’entrare

Quali informazioni dovrei raccogliere?

Informazioni utili:

• gli URL delle pagine che sembrano lente
• i risultati di PageSpeed Insights per quelle pagine, idealmente salvati come link o screenshot
• il report sulle prestazioni web delle analisi di Shopify, se disponibile
• l’elenco delle app installate e delle modifiche recenti
• nome e versione del tema
• quali strumenti di tracciamento sono in uso e chi li gestisce
• quando il negozio ha iniziato a sembrare più lento, se lo sai

Come può aiutarti D4Hub

Migliorare la velocità significa trovare i veri colli di bottiglia e risolverli senza rompere le funzioni o il tracciamento da cui dipende l’attività.

A seconda del negozio, D4Hub può aiutarti a:

• misurare la velocità con dati di laboratorio e dati degli utenti reali
• individuare quali app, script e immagini hanno l’impatto maggiore
• rimuovere il codice lasciato dalle app disinstallate
• ottimizzare il modo in cui il tema carica immagini, script e font
• correggere gli spostamenti del layout nelle pagine chiave
• rivedere tracciamento e tag insieme al tuo team marketing
• testare le modifiche su un tema duplicato prima di pubblicare
• controllare carrello e checkout dopo ogni modifica
• consigliarti se un cambio di tema vale la pena

Puoi chiedere supporto in qualsiasi fase, da una rapida lettura dei risultati di PageSpeed a un progetto completo sulle prestazioni.

Domande frequenti

È Shopify in sé a essere lento?

L’hosting e la content delivery network di Shopify sono gestiti da Shopify e in genere non sono il collo di bottiglia. La maggior parte dei problemi di velocità arriva da app, immagini, temi, tracciamento e codice personalizzato aggiunti al negozio.

Perché il mio punteggio PageSpeed è diverso ogni volta che faccio il test?

I test di laboratorio sono influenzati dalle condizioni di rete, dalla posizione da cui viene eseguito il test e dai contenuti esatti caricati in quel momento. Piccole differenze tra un test e l’altro sono normali. Cerca andamenti costanti e, dove disponibili, dai più peso ai dati sul campo degli utenti reali.

Mi serve un punteggio PageSpeed perfetto?

No. Il punteggio è uno strumento di diagnosi. Conta che i clienti reali possano vedere e usare le tue pagine rapidamente, cosa che si riflette meglio nei dati sul campo dei Core Web Vitals e nella sensazione che il negozio dà su uno smartphone qualsiasi.

Un’app di ottimizzazione della velocità risolverà tutto?

Non per forza. Alcune app aiutano con problemi specifici come la compressione delle immagini. Altre cambiano il modo in cui si caricano gli script, e questo può interferire con altre app o con il tracciamento. Capisci cosa modifica un’app prima di installarla e provala prima su un tema duplicato.

Dovrei cambiare tema per rendere il negozio più veloce?

Un tema moderno può aiutare, ma cambiare tema è un progetto che comporta ricostruire i layout, reinserire i blocchi delle app e testare ogni funzione. Conviene fare prima le misurazioni e gli interventi rapidi, così sai quanta parte della lentezza dipende davvero dal tema.

La velocità influisce su vendite e posizionamento nei motori di ricerca?

La velocità è uno dei tanti fattori dell’esperienza dei clienti in un negozio e i Core Web Vitals fanno parte del modo in cui Google valuta l’esperienza della pagina. È difficile prevedere l’effetto di un miglioramento specifico, quindi l’approccio migliore è misurare prima e dopo e osservare i tuoi dati di conversione.