Skip to content
webvise
· 6 min di lettura

Perché la velocità del tuo sito ecommerce ti costa vendite ogni giorno

I siti ecommerce hanno la minima tolleranza per i tempi di caricamento lenti - e il massimo da guadagnare correggendoli. Ecco cosa mostrano i dati e cosa puoi fare.

Argomenti

PerformanceE-CommerceWeb Development
Condividi

Un sito che impiega 3 secondi a caricarsi su mobile perde circa il 53 % dei visitatori prima che vedano un solo prodotto. Non è uno scenario teorico - è una realtà misurata su milioni di transazioni a grande scala.

Tra chi rimane, ogni secondo aggiuntivo di caricamento riduce il tasso di conversione di circa il 7 %. Per uno shop con €10.000 al mese di fatturato, questo equivale a €700 persi ogni mese per ogni secondo extra di caricamento.

Nessun altro tipo di sito web ha tanto da perdere con scarse prestazioni - e tanto da guadagnare correggendole - quanto un negozio online.

I numeri dietro la velocità

Il legame tra velocità di caricamento e fatturato è uno dei fenomeni meglio documentati nell'e-commerce:

Studio / FonteRisultato
Google / Deloitte (2019)0,1 secondi più veloce → +8 % di conversioni su mobile
Amazon (interno)100 ms di ritardo = 1 % di perdita di fatturato
Walmart (interno)1 secondo di miglioramento → +2 % di conversioni
Portent (2019)I siti che caricano in 1 secondo convertono 3× meglio di quelli che impiegano 5 secondi

Questi dati provengono da settori diversi, periodi diversi e metodologie diverse - e puntano tutti nella stessa direzione: più veloce equivale a più vendite.

Perché l'ecommerce mobile è diverso

Oltre il 70 % del traffico e-commerce proviene oggi da dispositivi mobili. Eppure il mobile converte a circa il 2 %, contro il 4 % circa su desktop. Questo divario - che rappresenta miliardi in fatturato non realizzato - si spiega in gran parte con la velocità e l'usabilità su smartphone.

Le connessioni mobili non sono uniformi. La copertura 4G è discontinua, specialmente nelle zone rurali e nelle aree periferiche. I dispositivi Android di fascia bassa - che rappresentano una quota significativa degli utenti reali - hanno processori più lenti che faticano con le pagine ricche di JavaScript. Una pagina prodotto che si carica senza problemi su un iPhone recente in centro città può essere praticamente inutilizzabile per una parte considerevole dei tuoi clienti reali.

Il modello di interazione è diverso: navigazione col pollice, zone di tocco ridotte, moduli di pagamento progettati per desktop. Tutto ciò genera attrito che si amplifica ulteriormente quando la pagina risponde lentamente.

  • Oltre il 70 % del traffico e-commerce è mobile, con un tasso di conversione dimezzato rispetto al desktop
  • La copertura 4G varia notevolmente per posizione e qualità del dispositivo
  • I dispositivi di fascia economica non sono un caso marginale - rappresentano un segmento reale e significativo
  • L'attrito al checkout su mobile si amplifica quando la pagina risponde con lentezza

Core Web Vitals: cosa significano per il tuo negozio

Google misura le prestazioni dei siti attraverso un insieme di metriche chiamate Core Web Vitals. Ognuna corrisponde direttamente a un'esperienza vissuta dai tuoi clienti durante gli acquisti:

MetricaCosa misuraRilevanza per lo shopBuonoDa migliorareScarso
LCP (Largest Contentful Paint)Tempo fino a quando il contenuto principale è visibileImmagine prodotto principale o banner hero< 2,5 s2,5 s – 4 s> 4 s
INP (Interaction to Next Paint)Velocità di risposta a clic e tocchiPulsante aggiungi al carrello, filtri, cambio quantità< 200 ms200 ms – 500 ms> 500 ms
CLS (Cumulative Layout Shift)Quanto la pagina si sposta durante il caricamentoGriglia prodotti che si sposta mentre le immagini caricano< 0,10,1 – 0,25> 0,25

I siti che ottengono un punteggio verde su tutti e tre i Core Web Vitals ricevono un vantaggio nel posizionamento Google. Quelli che non li superano vengono penalizzati. Questo significa che un negozio lento viene sanzionato due volte: minore visibilità organica e tasso di conversione più basso sul traffico che comunque arriva.

Un cattivo punteggio INP è particolarmente dannoso nell'e-commerce. Se un cliente tocca "Aggiungi al carrello" e per mezzo secondo non succede nulla, toccherà di nuovo - oppure penserà che il sito sia rotto e se ne andrà.

WooCommerce e il problema dei plugin

WooCommerce alimenta una grande parte dei negozi online - ed è anche una delle piattaforme con maggiori limitazioni di prestazioni man mano che il sito cresce. Un negozio WooCommerce funzionante gira tipicamente con 50–80 plugin. Ognuno aggiunge richieste HTTP, tempo di esecuzione JavaScript e overhead CSS.

Il risultato a livello di pagina:

  • Le pagine prodotto trasferiscono tipicamente 4–8 MB di dati al primo caricamento
  • Una pagina prodotto standard su WooCommerce può attivare più di 100 query al database
  • I bundle JavaScript di più plugin spesso bloccano il rendering
  • Gli script di terze parti (recensioni, live chat, analytics) allungano ulteriormente le catene di richieste
  • LCP medio di WooCommerce su mobile: 4–6 secondi

Un LCP di 4–6 secondi rientra chiaramente nella categoria "scarso" della scala Google - e ben oltre la soglia di abbandono della maggior parte degli utenti mobile. I plugin di caching alleviano il sintomo, ma non cambiano l'architettura sottostante che genera il problema.

Il problema delle query al database è strutturale. WooCommerce costruisce le pagine prodotto dinamicamente a ogni richiesta - estraendo ogni volta dati del prodotto, regole di prezzo, stato dell'inventario, prodotti correlati e stato del carrello. Con oltre 100 query per caricamento, anche un hosting veloce raggiunge il suo limite.

Come appare uno stack e-commerce ottimizzato per le prestazioni

Un'architettura headless commerce separa il frontend - ciò che i tuoi clienti vedono e con cui interagiscono - dal backend commerce che gestisce prodotti, inventario e ordini. Il frontend è sviluppato in Next.js e pre-renderizzato al momento del build. Il backend (Shopify, BigCommerce o WooCommerce headless) gestisce le transazioni tramite API.

La differenza di prestazioni è strutturale, non cosmetica:

  • Pagine prodotto statiche/ISR: pre-renderizzate al build e servite direttamente da un CDN edge - niente PHP, nessuna query al database al caricamento
  • Immagini prodotto con lazy loading: le immagini fuori schermo si caricano solo quando necessario, in formati moderni (WebP, AVIF) più leggeri del 30–50 %
  • JavaScript minimo: niente jQuery, niente Bootstrap completo, bundle con tree-shaking che includono solo il codice effettivamente necessario a ogni pagina
  • Incremental Static Regeneration: le pagine prodotto si aggiornano automaticamente quando cambiano inventario o prezzi, senza un rebuild completo
MetricaWooCommerce (tipico)Next.js Headless (tipico)
LCP (mobile)4–6 secondiMeno di 1,5 secondi
Time to Interactive6–10 secondiMeno di 2 secondi
Peso della pagina (pagina prodotto)4–8 MBMeno di 500 KB
Punteggio Lighthouse (mobile)25–4590–98

Non sono casi ideali teorici. Sono risultati coerenti osservati in progetti e-commerce in produzione su stack moderni.

Il calcolo della conversione per il tuo negozio

Non devi affidarti agli studi aggregati. Puoi fare il calcolo direttamente per il tuo negozio.

Il principio è semplice:

  • Prendi il tuo fatturato mensile attuale
  • Stima il tuo tasso di conversione attuale (ordini ÷ sessioni)
  • Applica il miglioramento atteso grazie a un aumento della velocità
  • Calcola l'incremento di fatturato risultante

Esempio: un negozio con €15.000/mese di fatturato e un tasso di conversione dell'1,5 %. Dopo un rebuild performance, la conversione sale al 2,1 % - un miglioramento realistico supportato dai dati di ricerca. Fatturato mensile al 2,1 % con lo stesso traffico: €21.000. Sono €6.000 di fatturato in più al mese con lo stesso numero di visitatori.

Anche un miglioramento più conservativo - dall'1,5 % all'1,9 % - rappresenta €4.000 in più al mese. A questo ritmo, un rebuild performance si ripaga in poche settimane.

Il calcolo funziona a qualsiasi livello di fatturato. Un negozio da €5.000/mese che guadagna 0,5 punti percentuali di conversione aggiunge €1.667/mese. Un negozio da €50.000/mese guadagna €16.667/mese con lo stesso miglioramento.

Cosa misurare per primo

Prima di fare qualsiasi modifica, stabilisci il tuo punto di partenza. Quattro strumenti coprono l'essenziale:

  • Google PageSpeed Insights: inserisci l'URL di una pagina prodotto (non solo la homepage) e ottieni un punteggio da 0 a 100 su mobile. Sotto 50 è urgente. Sotto 30 significa che i clienti stanno attivamente abbandonando a causa della lentezza.
  • Google Search Console → Core Web Vitals: mostra dati di utenti reali, non condizioni di laboratorio. Se hai URL in rosso qui, sono perdite di fatturato in atto in questo momento.
  • Lighthouse (Chrome DevTools): eseguilo in modalità in incognito sulla tua pagina prodotto. Controlla l'elemento LCP - è la tua immagine prodotto principale? È contrassegnata come lazy-loaded? Non dovrebbe esserlo.
  • Tab Rete (Chrome DevTools): ordina le richieste per dimensione. Cerca immagini non compresse, script che bloccano il rendering e richieste di terze parti che allungano i tempi di caricamento.

Presta particolare attenzione all'elemento LCP. Se la tua immagine prodotto principale è in lazy loading - cosa frequente nei temi WooCommerce - questa sola modifica (rimuovere l'attributo lazy-load dalla prima immagine visibile) può migliorare l'LCP di 1–2 secondi immediatamente.

Miglioramenti rapidi prima di un rebuild completo

Se un rebuild completo non è nell'immediato programma, queste azioni possono migliorare le prestazioni nella tua configurazione attuale:

  • Compressione immagini e conversione WebP: convertire le immagini prodotto in WebP può ridurne il peso del 40–60 %. Strumenti come Imagify o ShortPixel lo fanno automaticamente.
  • Rimuovere i plugin inutilizzati: esegui un audit dei plugin. Ogni plugin installato - anche quelli disattivati - genera overhead. Elimina tutto ciò che non è attivamente necessario.
  • Attivare la cache delle pagine: WP Rocket o W3 Total Cache riduce il costo della generazione dinamica delle pagine. Non risolve l'architettura, ma attenua l'impatto nelle visite ripetute.
  • Aggiornare l'hosting: l'hosting condiviso impone un tetto di prestazioni difficile da superare. Passare a un hosting WordPress gestito (Kinsta, WP Engine, Cloudways) aggiunge tipicamente 10–20 punti Lighthouse.
  • Differire il JavaScript non critico: la maggior parte dei temi carica tutti gli script su ogni pagina. Differire gli script non necessari al caricamento iniziale riduce il tempo di blocco del rendering.

Queste azioni prolungano la vita di un sito esistente e possono portare un punteggio da 35 a 55. Non cambiano però il soffitto strutturale. Un negozio WooCommerce con un stack completo di plugin, generazione dinamica delle pagine e database condiviso non raggiungerà mai 85+ su mobile - indipendentemente da quanta configurazione venga fatta.

Per i negozi con un fatturato mensile significativo, queste sono misure transitorie. La soluzione strutturale - un rebuild headless - è ciò che sposta durevolmente l'ago della bilancia.

Quando un rebuild performance ha senso finanziario

La regola approssimativa: se il tuo negozio genera più di €5.000/mese e il tuo punteggio PageSpeed su mobile è sotto 60, un rebuild performance si ripagherà quasi certamente in meno di 6 mesi grazie ai soli guadagni di conversione.

Con €10.000/mese e un tipico miglioramento di 0,4–0,6 punti percentuali nella conversione dopo il rebuild, l'incremento mensile è di €400–600. Per un costo di rebuild di €3.000–5.000, l'investimento si recupera in 6–10 mesi - prima ancora di contare eventuali miglioramenti SEO dai migliori Core Web Vitals.

I negozi oltre €20.000/mese con punteggi di prestazioni scadenti stanno lasciando ogni mese somme significative sul tavolo. Il periodo di ritorno sull'investimento è spesso inferiore a 3 mesi.

Per vedere esattamente dove si trova il tuo negozio, ottieni un rapporto gratuito sulla salute del sito su webvise.io/wp-health-report. Analizza i tuoi Core Web Vitals, identifica i tuoi principali problemi di prestazioni e ti dà un quadro chiaro di cosa cambierebbe concretamente con un rebuild. Senza registrazione.