Da quello che vediamo, chi cerca un'attività lo fa quasi sempre dal telefono, spesso in giro, con una rete che va e viene. Se la pagina resta bianca, di solito non aspetta: torna indietro e apre il risultato dopo. La velocità non è un dettaglio tecnico, è la porta d'ingresso.
Perché la velocità porta clienti?
- Il cliente ha fretta. Sta decidendo dove mangiare o chi chiamare, e ha già altre schede aperte.
- La rete non è sempre buona. In macchina, in strada, in un paese con poco segnale: un sito pesante lì si apre a fatica.
- Google ne tiene conto. A parità di contenuti, un sito veloce e stabile ha un vantaggio nei risultati.
- Un sito lento sembra trascurato. Nella nostra esperienza, anche se non ci pensa, il cliente lo associa a un'attività poco curata.
Come si misura?
Google usa tre misure, chiamate Core Web Vitals. I nomi sono tecnici, il significato no:
| Misura | Cosa vuol dire | Obiettivo di Google |
|---|---|---|
| LCP | quanto ci mette a comparire la parte principale della pagina | meno di 2,5 secondi |
| INP | quanto risponde in fretta quando tocchi un bottone | meno di 200 millisecondi |
| CLS | se la pagina salta mentre si carica | meno di 0,1 |
Per provare il tuo sito puoi usare PageSpeed Insights, lo strumento gratuito di Google: scrivi l'indirizzo e guarda il punteggio da telefono. Sopra 90 è ottimo, sotto 50 c'è da lavorare.
Cosa rende lento un sito?
Quasi sempre le stesse cose:
- Foto troppo pesanti. Nei siti che controlliamo, una foto presa dal telefono pesa spesso più di tutto il resto del sito messo insieme. Vanno ridotte e salvate in un formato moderno.
- Troppi componenti aggiunti. Ogni funzione montata "perché non si sa mai" aggiunge peso e codice da caricare.
- Video che partono da soli. Belli da vedere, ma nei siti che controlliamo sono spesso il file più pesante da scaricare, soprattutto con la rete del telefono.
- Troppi tipi di carattere. Ogni carattere, e spesso ogni spessore, è un file in più.
- Un hosting lento o lontano. Se il computer che tiene il sito risponde piano, tutto il resto aspetta.
Il tuo sito attuale è lento?
Tre prove che puoi fare tu, in cinque minuti:
- Aprilo dal telefono con i dati mobili, non con il wifi di casa. Conta quanti secondi resta bianco.
- Mettilo in PageSpeed Insights e guarda il punteggio da telefono, non quello da computer, che di solito è più alto: la prova da telefono simula un telefono di fascia media su rete mobile.
- Scorri la pagina mentre carica. Se testi e bottoni saltano, il cliente sbaglia a toccare e si innervosisce.
Se due prove su tre vanno male, nella nostra esperienza il sito sta perdendo clienti ogni giorno, anche se non lo vedi.
Come lo facciamo noi?
Ogni sito lo costruiamo leggero dall'inizio, invece di alleggerirlo dopo. Le foto vengono ridotte e convertite, i caratteri sono solo quelli che servono, non ci sono componenti inutili e l'hosting è su una rete veloce in tutta Europa.
Misuriamo ogni sito con Google Lighthouse prima della consegna e ti mandiamo i numeri. Il nostro, per esempio, ha 92 su 100 in velocità da telefono e la home pesa 332 KB in tutto, meno di una sola foto scattata con il telefono.
Tutti i pacchetti partono veloci, da Presenza a Attività. Se hai un negozio e vuoi mostrare i prodotti senza appesantire il sito, guarda la pagina siti web per negozi. Per sapere cosa c'è dietro l'indirizzo e l'hosting, leggi dominio e hosting spiegati semplici.
Fonti
- Comprendere l'esperienza sulle pagine nei risultati della Ricerca Google — Google Search Central
- Comprendere Core Web Vitals e i risultati di ricerca di Google — Google Search Central
- Web Vitals — web.dev
- Informazioni su PageSpeed Insights — Google for Developers
- Punteggio delle prestazioni di Lighthouse — Chrome for Developers
- Evita payload di rete enormi — Chrome for Developers
- Pubblicare immagini in formati moderni — Chrome for Developers
- Codifica in modo efficace le immagini — Chrome for Developers
- Rimuovi il codice JavaScript inutilizzato — Chrome for Developers
- Best practice per i caratteri — web.dev
- Ottimizza il tempo per il primo byte — web.dev
- Cumulative Layout Shift (CLS) — web.dev