Il Problema che Nessuno Calcola
Se qualcuno ti dicesse che il 7% dei tuoi clienti potenziali se ne va ogni secondo che aspetta nel tuo negozio fisico, rieseguireste immediatamente il processo di accoglienza. Per i siti web, questo calcolo non viene quasi mai fatto. Il sito carica lento, si sa, ma "funziona". Il problema e' che "funzionare lentamente" ha un costo preciso, misurabile, e spesso molto piu' alto di quanto si immagini.
Akamai e Google Web.dev hanno quantificato questa relazione: ogni secondo aggiuntivo di caricamento riduce le conversioni del 7%. Non e' una stima teorica. E' il dato aggregato di migliaia di A/B test condotti su siti reali. Amazon ha calcolato che ogni 100 millisecondi di rallentamento costa l'1% di ricavi. Walmart ha trovato che ogni secondo di miglioramento aumenta le conversioni del 2%.
Prima di qualsiasi altra ottimizzazione del sito, vale la pena rispondere a questa domanda: quanto ci mette il tuo sito a caricarsi su un telefono con connessione 4G media?
Come Misurare la Velocita' del Tuo Sito (Gratuitamente)
Google PageSpeed Insights (pagespeed.web.dev) e' lo strumento di riferimento gratuito. Inserite l'URL della tua homepage (e delle pagine piu' importanti: product page, landing page di campagna, checkout) e ottieni un punteggio da 0 a 100 e, soprattutto, i dati sui Core Web Vitals.
I Core Web Vitals sono tre metriche che Google usa dal 2021 come fattore di ranking diretto. Valgono anche come proxy eccellente per l'esperienza utente.
LCP — Largest Contentful Paint: Il tempo impiegato dall'elemento piu' grande nella pagina (tipicamente il hero image o il titolo principale) per essere renderizzato. Sotto 2,5 secondi e' verde. Tra 2,5 e 4 secondi e' arancione. Sopra 4 secondi e' rosso. La maggior parte dei siti italiani di PMI si trova nella zona arancione o rossa.
FID / INP — Interaction to Next Paint: La reattivita' della pagina all'interazione dell'utente. Quanto tempo passa tra il primo click e la risposta visibile. Sotto 200ms e' eccellente. Sopra 500ms diventa frustrante.
CLS — Cumulative Layout Shift: La stabilita' visiva della pagina durante il caricamento. Quando gli elementi si spostano mentre la pagina carica (testo che "salta" quando arriva l'immagine, bottoni che si spostano), il CLS e' alto. Sopra 0,1 e' problematico. Sopra 0,25 e' critico.
Le Cause Piu' Comuni di Lentezza (e Come Risolverle)
Immagini non ottimizza: La causa numero uno di LCP alto. Immagini da 2-5 MB carica senza compressione su una pagina che potrebbe funzionare con immagini da 100-200KB. La soluzione: convertire in formato WebP (30-50% piu' leggero di JPEG), ridimensionare al massimo alle dimensioni di visualizzazione effettiva, aggiungere l'attributo loading="lazy" alle immagini below-the-fold.
CSS e JavaScript bloccanti: Ogni file CSS e JS caricato prima del contenuto visibile ritarda il rendering. Il browser deve scaricare, analizzare ed eseguire queste risorse prima di mostrare la pagina. La soluzione: caricare in modo asincrono o differito gli script non critici, estrarre il CSS critico (quello necessario per renderizzare la prima schermata) e caricarlo inline, posticipare il caricamento di script di terze parti (analytics, chat, social widget).
Server lento: Il tempo di risposta del server (TTFB — Time To First Byte) impatta tutte le metriche successive. Un server lento o condiviso con decine di altri siti e' un collo di bottiglia che nessuna ottimizzazione frontend puo' compensare completamente. Per i siti WordPress italiani su hosting condiviso economico, il TTFB superiore a 1 secondo e' comune.
Nessun sistema di caching: Ogni richiesta che arriva al server richiede elaborazione. Il caching permette di servire pagine pre-generate senza elaborazione, riducendo drasticamente il TTFB. Su WordPress, plugin come WP Rocket o W3 Total Cache implementano il caching in pochi minuti. Su siti custom, le soluzioni di caching variano per tecnologia.
Font Google non ottimizzati: Il caricamento di font da Google Fonts CDN aggiunge una richiesta esterna e puo' rallentare il rendering del testo. La soluzione: self-hosting dei font (scaricarli sul tuo server) o preconnessione alla CDN di Google Fonts.
Il Calcolo del ROI dell'Ottimizzazione
Prima di decidere quanto investire nell'ottimizzazione delle performance, vale la pena fare il calcolo del ROI potenziale.
Scenario: un sito e-commerce con 10.000 visitatori mensili, tasso di conversione del 2%, valore medio ordine 80 euro. Ricavi mensili: 10.000 × 0,02 × 80 = 16.000 euro.
Il sito attualmente carica in 5 secondi su mobile. Portarlo a 3 secondi (una riduzione di 2 secondi) teoricamente aumenta le conversioni del 14% (7% × 2 secondi). Conversioni mensili: 200 + 14% = 228 ordini. Ricavi aggiuntivi: 28 × 80 = 2.240 euro al mese, 26.880 euro all'anno.
Un intervento tecnico di ottimizzazione del sito su questo scenario ha un payback period di 1-3 mesi su un investimento tipico di 3.000-8.000 euro.
Ovviamente le relazioni non sono lineari e i benchmark di settore variano. Ma il calcolo vale la pena farlo con i numeri reali del tuo sito prima di decidere che "l'ottimizzazione e' troppo costosa".
Mobile-First: Dove la Lentezza Colpisce di Piu'
Una precisazione importante: i benchmark di conversione per la velocita' sono misurati principalmente su mobile. E la maggior parte del traffico web e' ormai mobile (oltre il 60% per la maggior parte dei siti italiani di consumer e B2C locale).
Google misura i Core Web Vitals separatamente per desktop e mobile. Un sito con 95 di punteggio desktop e 45 di punteggio mobile ha un problema reale, perche' la maggior parte dei tuoi visitatori arriva su mobile. La lentezza mobile e' anche un fattore di ranking diretto: Google indicizza il sito nella versione mobile-first.
Se hai un sito che non e' stato ottimizzato per mobile, o che e' stato ottimizzato per desktop e poi adattato, le performance mobile sono quasi certamente peggiori di quello che pensi. La verifica richiede 5 minuti su PageSpeed Insights.
Quando il Problema Non e' la Velocita'
Un'ultima nota: la velocita' e' necessaria ma non sufficiente per le conversioni. Un sito che carica in 1,5 secondi ma ha una proposta di valore poco chiara, un processo di acquisto complicato, o prezzi non competitivi non convertira' bene comunque.
La velocita' e' un prerequisito. Rimuove un ostacolo alla conversione. Ma la conversione dipende anche dalla chiarezza del messaggio, dalla fiducia del visitatore, dalla semplicita' del processo d'acquisto, e dalla rilevanza dell'offerta per il segmento di traffico che arriva.
Il lavoro sulla velocita' e il lavoro sulla UX e il copywriting vanno fatti insieme, non in alternativa. I siti che convertono meglio sono quelli che sono sia veloci che chiari nella loro proposta.