La velocità della pagina è un fattore di conversione che la maggior parte dei negozi trascura, perché non è un problema di design, di marketing e nemmeno di prodotto. È un problema di infrastruttura. Ma l'impatto è chiaro quanto quello di qualsiasi altro problema di conversione. Ogni mezzo secondo di ritardo nel caricamento riduce il tasso di conversione in modo misurabile, soprattutto da mobile, dove le persone sono già impazienti e spesso hanno connessioni più lente.
Come influisce la velocità della pagina sulla conversione di un negozio online?
Il legame tra velocità della pagina e conversione è ben documentato nelle ricerche di Google, dei grandi rivenditori online e di diversi studi indipendenti. Un secondo di ritardo nel caricamento porta a una riduzione delle conversioni del sette percento. Un ritardo di cinque secondi può ridurre la conversione del 40 percento o più. Da mobile il tasso di conversione cala ancora più ripidamente, perché i visitatori hanno connessioni più lente e meno pazienza.
L'effetto si accumula su tutto il negozio. Ogni pagina lenta è un'occasione in cui un visitatore può spazientirsi e andarsene. La home page, le pagine prodotto, il checkout. Chi aspetta sette secondi che si carichi una pagina prodotto è già infastidito prima ancora di vedere l'immagine. Molti chiuderanno la scheda e cercheranno lo stesso prodotto altrove.
La velocità influisce anche sul posizionamento nei motori di ricerca. Google la considera un fattore di ranking sia per la ricerca da desktop sia da mobile. Un negozio più lento si posiziona sotto i concorrenti più veloci per la stessa parola chiave, quindi ottiene meno visite già in partenza. La perdita di conversioni dovuta alle pagine lente si somma sia alle visite dirette sia al traffico dalla ricerca organica.
Cosa rende lento un negozio online?
La maggior parte dei negozi lenti non lo è per scelta. Lo diventa col tempo, mentre si aggiungono immagini, si accumulano plugin o l'infrastruttura del server non viene ottimizzata. Capire queste cause ti aiuta a decidere cosa sistemare per primo. Per saperne di più su come ogni elemento del negozio influisce sull'esperienza del visitatore, leggi come progettare una pagina di checkout che riduce gli abbandoni e come rendere il tuo negozio online adatto ai dispositivi mobili. I colpevoli principali sono cinque.
Immagini troppo pesanti
Le immagini di solito sono i file più grandi di una pagina prodotto. Una foto da tre megabyte invece che da trecento kilobyte aggiunge secondi al caricamento. Molti negozi caricano le immagini a piena risoluzione senza ottimizzarne il peso per il web. L'immagine sembra a posto, ma ci mette il doppio del necessario a caricarsi. Chi usa il mobile ne soffre di più, perché ha connessioni più lente e schermi più piccoli, e le immagini ad alta risoluzione sono sprecate.
Codice e script non ottimizzati
Man mano che un negozio aggiunge funzioni, recensioni, widget di chat, strumenti di analisi e pixel di marketing, ognuno carica un altro script. Gli script bloccano la visualizzazione della pagina mentre si caricano. Un negozio con 15 script di terze parti può impiegare secondi solo per caricarli tutti prima che la pagina compaia. Alcuni script sono essenziali. Molti no, oppure si possono rimandare a dopo che la pagina è già visibile al visitatore.
Hosting o distribuzione dei contenuti lenti
Alcuni provider di hosting sono più veloci di altri. Un negozio ospitato su un'infrastruttura datata, che non mette in cache i file statici o serve i contenuti da server lontani, impiega più tempo a rispondere alle richieste di uno ospitato su un'infrastruttura moderna e distribuita geograficamente. I visitatori di paesi diversi vedono velocità diverse, a seconda di dove si trova il server rispetto a loro.
Risposte del server non ottimizzate
Il tempo che il tuo server impiega a rispondere a una richiesta dipende da quanto bene elabora le richieste e costruisce le pagine. Database senza indici adeguati, pagine che eseguono query complesse a ogni caricamento o codice server non ottimizzato possono aggiungere un secondo intero o più al tempo di caricamento, prima ancora che inizi a comparire un contenuto. È meno visibile dell'ottimizzazione delle immagini, ma spesso dà grandi risultati.
Risorse che bloccano il rendering
I file CSS e JavaScript che bloccano la visualizzazione possono aggiungere secondi al tempo prima che la pagina compaia al visitatore. Se il tuo negozio carica file CSS o JavaScript che vanno elaborati prima di mostrare qualsiasi cosa, il visitatore vede una schermata vuota finché non hanno finito. Riorganizzare quali risorse bloccano la visualizzazione e quali possono caricarsi in secondo piano migliora molto la velocità percepita, anche se il tempo totale di caricamento resta lo stesso.
Come si misura la velocità delle pagine del tuo negozio?
Non puoi migliorare ciò che non misuri. Comincia stabilendo un punto di partenza: quanto è veloce oggi il tuo negozio.
Google PageSpeed Insights
Lo strumento PageSpeed Insights di Google dà un punteggio di velocità per qualsiasi URL ed elenca i problemi specifici che trova. È gratuito e non richiede alcuna configurazione. Vai su pagespeed.web.dev, inserisci il tuo URL e ottieni i punteggi per mobile e desktop con consigli precisi per migliorare. I consigli sono ordinati per impatto stimato. Parti da quelli con l'impatto più alto.
Uno strumento di test più dettagliato
Esistono strumenti di test della velocità che offrono grafici a cascata più dettagliati, in cui si vede esattamente quali risorse impiegano più tempo a caricarsi e dove si creano i ritardi. Permettono di provare da luoghi geografici diversi, con vari tipi di dispositivi e velocità di rete. Sono utili per capire se la lentezza è generale o limitata ad alcune zone, oppure al mobile rispetto al desktop.
I tuoi dati di analisi
Il tuo strumento di analisi dovrebbe mostrarti il tempo di caricamento per pagina e per fonte di traffico. In WEMASY Analisi e statistiche trovi una metrica che segue le prestazioni delle pagine. Confronta i tempi di caricamento delle pagine più importanti. Se le pagine prodotto sono molto più lente della home page, è un problema preciso da indagare. Se le pagine mobile sono più lente del desktop, il sospetto cade su immagini o rendering. Per una guida completa su come capire il comportamento dei visitatori con le analisi, leggi come usare le analisi per capire come si comportano i visitatori nel tuo negozio.
Prova su dispositivi reali
Non fidarti solo degli strumenti. Apri il tuo negozio su uno smartphone vero con una normale connessione 4G e guarda quanto ci mettono le pagine a caricarsi. Ti dice come vive il negozio un cliente reale. Gli strumenti misurano metriche specifiche, ma conta di più la percezione dell'utente. Un negozio che sembra istantaneo è più veloce di uno che prende un buon punteggio sulla carta ma frustra gli utenti con ritardi che si sentono.
Quali sono le soluzioni più rapide per migliorare la velocità?
Alcuni miglioramenti richiedono ore di lavoro. Altri richiedono pochi minuti e danno risultati misurabili subito.
Ottimizza le immagini
L'ottimizzazione delle immagini di solito è il miglioramento con l'impatto più alto e lo sforzo più basso. Usa uno strumento di compressione per ridurre il peso dei file senza perdere qualità in modo visibile. Una foto prodotto da 3 MB spesso si comprime a 300 KB senza differenze visibili. Comprimi tutte le immagini prima di caricarle, non dopo. Scegli il formato giusto: JPEG per le fotografie, PNG per le immagini con trasparenza, WebP per la massima compressione sui browser moderni. Servi dimensioni diverse a dispositivi diversi. Uno smartphone non ha bisogno di un'immagine da 4000x4000 pixel. Per saperne di più su immagini di prodotto efficaci che funzionano bene anche dal punto di vista tecnico, leggi come progettare pagine prodotto che spingono all'acquisto.
Rimuovi plugin e script inutilizzati
Controlla tutti gli script di terze parti che girano sul tuo negozio. Analisi, chat, recensioni, pixel di marketing, widget. Disattiva quelli che non contribuiscono attivamente alla tua attività. Ogni script aggiunge peso e rallenta la pagina. Se non lo usi, toglilo. Se ti servono più strumenti, valuta di unificarli. Invece di cinque servizi diversi per scopi diversi, una sola piattaforma che riunisce più funzioni si carica più in fretta di cinque servizi separati.
Attiva la cache
La cache conserva i file statici nel browser del visitatore o su server intermedi, così non vanno scaricati di nuovo a ogni visita. La cache del browser fa risparmiare parecchio tempo di caricamento a chi torna. La cache lato server conserva versioni già pronte delle tue pagine, così il server non deve ricostruirle da zero a ogni richiesta. La maggior parte delle piattaforme di hosting moderne supporta entrambe. Controlla la documentazione del tuo provider o chiedi di attivare la cache, se non lo è già.
Riduci CSS e JavaScript
La minificazione toglie i caratteri superflui dai file di codice senza cambiare il loro funzionamento. Un file CSS o JavaScript minificato bene è più piccolo del 20-30 percento rispetto all'originale. Se hai accesso al codice del tuo negozio, la minificazione è semplice. Se no, chiedi al tuo provider di hosting o allo sviluppatore se è già attiva. Su qualsiasi piattaforma di hosting moderna dovrebbe esserlo di default.
Rimanda il JavaScript non critico
Il JavaScript che non serve subito al caricamento della pagina può aspettare. Widget di chat, analisi, pixel di marketing. Non devono caricarsi prima che la pagina compaia al visitatore. Rimandarli a dopo che la pagina principale è visibile migliora molto la velocità percepita. La pagina sembra veloce anche se il tempo totale non cambia, perché il visitatore vede subito i contenuti invece di fissare una schermata vuota mentre gli script si caricano.
Quanto ci vuole per vedere i risultati dei miglioramenti di velocità?
Le modifiche alla velocità danno risultati immediati. Chi visita il tuo negozio domattina troverà la pagina più veloce. I miglioramenti nella conversione si vedono nel giro di pochi giorni, se il traffico è abbastanza alto da misurarli, perché la modifica riguarda tutti i visitatori nello stesso momento.
A differenza di un test A/B, un miglioramento di velocità non va fatto come test. Se PageSpeed Insights individua un problema e lo risolvi, il tuo negozio è più veloce. Una pagina più veloce non ha controindicazioni. Ogni visitatore ne trae vantaggio subito.
L'unica avvertenza è che la velocità è uno dei tanti fattori che influiscono sulla conversione. Se il tuo negozio ha un checkout che non funziona, una pagina prodotto confusa o problemi di fiducia di fondo, ottimizzare la velocità da sola non cambierà di molto la conversione. I miglioramenti di velocità funzionano meglio dentro una strategia più ampia di ottimizzazione della conversione. Per una panoramica completa di tutti i fattori che influiscono sul tasso di conversione, leggi cos'è l'ottimizzazione del tasso di conversione e perché conta.
La velocità conta in modo diverso su mobile e su desktop?
La velocità conta più su mobile che su desktop. I visitatori da mobile hanno connessioni più lente, spesso vanno di fretta e se ne vanno subito se la pagina non carica in fretta. La differenza nell'impatto sulla conversione è grande. Un negozio che converte il cinque percento da desktop potrebbe convertire il due percento da mobile, e la velocità spiega buona parte di questo divario.
I visitatori da mobile sono anche più sensibili ai file immagine pesanti. Un'immagine prodotto da tre megabyte che su una connessione desktop con buona banda si carica in tre secondi può metterci dieci secondi su uno smartphone in 4G. Prova il tuo negozio su un vero dispositivo mobile per capire come lo vive davvero chi lo usa.
Un problema tipico del mobile: le immagini ottimizzate per il desktop spesso sono troppo grandi per gli schermi dei telefoni. Servire immagini responsive, che si adattano a ogni dimensione dello schermo invece di forzare un'immagine da desktop su uno schermo mobile, riduce il peso dei file e il tempo di caricamento.
Come interagisce la velocità con gli altri fattori di conversione?
La velocità non esiste da sola. Lavora insieme a fiducia, design, pagine prodotto e checkout. Una pagina veloce ma con un layout confuso perde comunque visitatori. Una pagina lenta con un design bellissimo li perde ancora più in fretta. Il rapporto è moltiplicativo, non additivo.
Un negozio che è veloce, ispira fiducia e ha un percorso d'acquisto chiaro converte molto più di uno che è solo veloce. Il miglioramento di velocità si inserisce nel contesto di tutti gli altri fattori. Per questo l'ottimizzazione della conversione è un processo sistematico e non una correzione singola. Per vedere in dettaglio come i test A/B ti aiutano a capire cosa frena il tuo tasso di conversione, leggi come fare test A/B sul tuo negozio online.
Come WEMASY aiuta con velocità e conversione
Il sistema e-commerce di WEMASY poggia su un'infrastruttura di hosting ottimizzata, con compressione delle immagini, cache del browser e ottimizzazione delle prestazioni già integrate. Le pagine prodotto si caricano in fretta di default, perché la piattaforma gestisce da sola dimensioni delle immagini, minificazione e risposte del server, senza che tu debba configurare nulla. Le pagine mobile sono ottimizzate in automatico per schermi più piccoli e connessioni più lente. I dati sul caricamento delle pagine sono integrati in Analisi e statistiche, così puoi seguire la velocità delle tue pagine e capire quali richiedono attenzione. Trovi tutte le funzioni nei piani.
Domande frequenti
Qual è un buon tempo di caricamento per un negozio online?
La maggior parte delle fonti consiglia di puntare a meno di due secondi per il primo rendering della pagina e a meno di tre secondi per il caricamento completo, con tutte le immagini e le risorse. Sotto i due secondi l'esperienza è veloce e gli abbandoni sono ridotti al minimo. Tra due e quattro secondi è accettabile, ma ha un impatto misurabile sulla conversione. Oltre i quattro secondi è lento e va sistemato. Sono indicazioni, non regole rigide. Un negozio che carica in 1,5 secondi converte meglio di uno che carica in 2,5 secondi, anche se entrambi rientrano nella fascia accettabile. Con il creatore di siti di WEMASY puoi impostarlo direttamente sul tuo negozio.
La velocità della pagina influisce sul posizionamento nella ricerca organica?
Sì. Google considera esplicitamente la velocità un fattore di ranking sia per la ricerca da desktop sia da mobile. A parità di condizioni, un negozio più veloce si posiziona sopra uno più lento per la stessa parola chiave. Quindi la velocità influisce sul tasso di conversione in due modi: direttamente, perché le pagine più veloci convertono più visitatori, e indirettamente, perché un posizionamento migliore porta più visitatori. Per una guida completa all'ottimizzazione per i motori di ricerca dei negozi online, leggi come costruire una strategia SEO per il tuo negozio online.
Posso migliorare la velocità senza uno sviluppatore?
Molti miglioramenti ad alto impatto non richiedono codice. Ottimizzare le immagini, rimuovere i plugin inutili e attivare la cache si possono fare dall'area di amministrazione della maggior parte delle piattaforme. Alcuni interventi, come rimandare il JavaScript o modificare le risposte del server, possono richiedere l'accesso o le competenze di uno sviluppatore. Se il tuo negozio è su una piattaforma moderna come WEMASY, la maggior parte di queste ottimizzazioni è già fatta di default. Se hai un negozio su misura o una piattaforma più vecchia, uno sviluppatore può aiutarti a individuare le soluzioni rapide e a metterle in pratica.
Che differenza c'è tra first contentful paint e tempo di caricamento della pagina?
Il first contentful paint è il momento in cui compare il primo contenuto (testo, immagine e così via) sulla pagina. Il tempo di caricamento è il momento in cui tutte le risorse principali hanno finito di caricarsi. Il first contentful paint arriva per primo ed è ciò che il visitatore percepisce come "quanto è veloce questa pagina?". Una pagina con un first contentful paint di due secondi ma un caricamento completo di otto secondi sembra veloce al visitatore, perché il contenuto compare subito anche se alcune risorse in secondo piano si stanno ancora caricando.
Devo dare la priorità alla velocità o al design?
Contano entrambi, ma la velocità di più, perché una pagina bellissima che impiega dieci secondi a caricarsi perde conversioni più in fretta di una pagina semplice che carica in due. La risposta giusta è una pagina veloce e ben progettata. Se devi scegliere, dai la precedenza alla velocità. Una pagina veloce e semplice converte meglio di una lenta e bellissima. Ma non accettare la falsa alternativa. Gli strumenti e le piattaforme di design moderni producono pagine belle e veloci insieme.