Sito lento: da PageSpeed 23 a 97 senza rifare il design
Da dove
siamo partiti.
La segnalazione non parlava di velocità. Diceva: «dal telefono il sito non si apre». È il modo in cui un problema di prestazioni arriva davvero — non come un numero in un report, ma come una persona che ha smesso di aspettare.
Il sito era stato rifatto da poco e a vedersi funzionava. Sotto, però, ogni pagina scaricava ventitré immagini a piena risoluzione, la più pesante da 8,4 MB, e teneva in cima al documento tre fogli di stile e sette script che bloccavano il disegno finché non finivano di caricare. Su una connessione mobile normale vuol dire fissare il bianco per qualche secondo, che è molto più di quanto chiunque sia disposto a dare.
Il vincolo del cliente era chiaro fin dalla prima chiamata: il design non si tocca. Lo aveva appena pagato.
- Le immagini per prime. Conversione in WebP e generazione automatica di più misure dallo stesso originale: al telefono arriva la versione da telefono, non quella pensata per un monitor da scrivania.
- Caricamento differito per tutto quello che sta sotto la prima schermata. Il browser disegna quello che si vede subito e scarica il resto mentre la persona legge.
- CSS e JavaScript tolti dalla strada. Unificati, ridotti e resi non bloccanti, così smettono di trattenere il primo disegno della pagina.
- CDN e cache del browser. I file statici partono dal nodo più vicino a chi guarda, e chi torna una seconda volta non li riscarica da capo.
- Nessuna modifica al design. Non è stato spostato un pixel: quello che è cambiato sta tutto sotto il cofano.
Il caso,
passo dopo passo.
Immagini da 8MB, rendering bloccante
Audit tecnico: 23 immagini non ottimizzate (la piu' grande 8,4 MB), 3 CSS e 7 JavaScript nell'header in modo bloccante, nessun lazy load, hosting senza CDN. Time to First Byte: 2,8 secondi. PageSpeed mobile: 23.
Ottimizzazione senza toccare il design
Conversione di tutte le immagini in WebP, lazy load implementato, minificazione e bundle di CSS e JavaScript, CDN globale attivata, cache browser configurata in modo aggressivo. Il tutto senza modificare un pixel del design visivo.
PageSpeed 97: +34% conversioni in un mese
Da 2,8 secondi a 0,6 secondi di Time to First Byte. PageSpeed mobile da 23 a 97. Tasso di abbandono -28%, conversioni +34% nel primo mese dall'ottimizzazione. Il sito regge ora picchi di 500 utenti simultanei senza rallentamenti.
Com'è finita
e cosa è cambiato.
Le barre chiare sono il prima, quelle arancioni il dopo. Nel mese successivo l'abbandono è sceso del 28% e le conversioni sono salite del 34%: nessuno ha comprato di più perché il sito era più bello, hanno comprato perché sono riusciti ad arrivare in fondo.
- Il telefono viene primaDallo stesso originale escono più misure: chi guarda da mobile scarica quella giusta e non quella pensata per un monitor. È l'intervento che da solo ha tolto la metà del peso.
- Il design è rimasto quelloIl cliente aveva appena pagato quel disegno: rifarlo per andare più veloci sarebbe stato fargli pagare due volte lo stesso lavoro. Le prestazioni si sistemano sotto, non sopra.
I progetti
dove questo pesa.
La storia qui sopra resta senza nome, come ci siamo impegnati a fare. Questi invece sono progetti veri, con il loro indirizzo: lavori in cui lo stesso problema, o il rischio di ritrovarselo, ha deciso come sono stati costruiti.
Centro Otoacustico Paolini
Centro per l'udito a Verona: contenuti di audiologia aggiornati ogni mese, perché la decisione di mettere un apparecchio acustico matura in anni, non in un clic.
apparecchiacusticipaolini.itManarin Coperture
Rimozione amianto e rifacimento coperture in tutto il Nord Italia: un mercato dove chi cerca vuole prima capire la norma, e solo dopo scegliere l'impresa.
manarincoperture.itMetodo G.R.I.P.
Scuola di formazione per mental coach: un percorso unico invece di un catalogo, con acquisto, area corsista e avanzamento gestiti dall'applicativo.
metodogrip.itOliboni Group
Smaltimento rifiuti da cantiere e fornitura di materiali da cava a Verona: un servizio che vive sul raggio di consegna, e il posizionamento lavora sui codici CER e sui comuni serviti.
olibonigroup.itPROeffe
Levigatura e lucidatura di pavimenti industriali in cemento, marmo, gres e cotto: un servizio che si cerca per materiale e per provincia, ed è così che sono costruite le pagine e le campagne.
proeffe.itVuoi scoprire quanto è veloce il tuo sito?
Controlla subito il punteggio con il nostro strumento gratuito.
Hai un problema urgente
o vuoi evitarlo in futuro?
Contattaci subito: valutiamo la situazione gratuitamente e ti diciamo cosa possiamo fare.