Indice dell’articolo7 sezioni
La velocità di un sito web non è un dettaglio tecnico: è un fattore decisivo per la SEO, le conversioni e l’esperienza degli utenti. Google premia i siti veloci con un posizionamento migliore, mentre gli utenti abbandonano in massa le pagine che impiegano più di tre secondi a caricarsi. In questa guida vediamo come misurare, diagnosticare e ottimizzare le prestazioni del tuo sito.
Perché la velocità del sito conta davvero
Le performance web influenzano tre aree critiche: posizionamento SEO (i Core Web Vitals sono fattore di ranking ufficiale di Google), tasso di conversione (Amazon ha calcolato che 100ms in più di latenza valgono l’1% del fatturato) e fedeltà degli utenti. Un sito lento erode la fiducia ancora prima del primo scroll.
Misurare le prestazioni: gli strumenti da usare
Prima di ottimizzare bisogna sapere cosa misurare. I parametri di riferimento sono i Core Web Vitals:
- LCP (Largest Contentful Paint) — quanto impiega il contenuto principale ad apparire. Target: meno di 2,5 secondi.
- INP (Interaction to Next Paint) — la reattività della pagina al click/tap. Target: meno di 200ms.
- CLS (Cumulative Layout Shift) — quanto “salta” il layout durante il caricamento. Target: meno di 0,1.
Gli strumenti consigliati: PageSpeed Insights (Google), WebPageTest, GTmetrix e Lighthouse integrato in Chrome DevTools. Misura sempre da mobile prima che da desktop.
Ottimizzare le immagini
Le immagini sono la prima causa di lentezza. Tre interventi mandatori:
- Usa formati moderni come WebP o AVIF: pesano il 30-50% in meno rispetto a JPEG/PNG.
- Servi immagini responsive con
srcsetesizes: il mobile non ha bisogno della stessa risoluzione del desktop 4K. - Attiva il lazy loading nativo (
loading="lazy") sulle immagini sotto la fold.
Caching e hosting
Un buon hosting fa metà del lavoro. Per WordPress: scegli un host con PHP 8.2+, HTTP/2 o HTTP/3, CDN integrata e SSD NVMe. Sul sito attiva:
- Cache di pagina (WP Rocket, LiteSpeed Cache, W3 Total Cache).
- Object cache con Redis o Memcached per il database.
- CDN globale (Cloudflare, BunnyCDN) per servire asset statici da vicino all’utente.
Ottimizzare codice e risorse
Il browser deve scaricare meno e capire più in fretta:
- Minify CSS, JS e HTML — rimuovi spazi e commenti.
- Defer e async sugli script non critici.
- Preload dei font critici (con
crossorigin="anonymous"). - Riduci i plugin: ogni plugin attivo aggiunge richieste e PHP da eseguire.
- Elimina CSS e JS non usato — Lighthouse li segnala come “unused”.
Mobile-first e SEO tecnica
Google indicizza il tuo sito con il mobile-first index: se il mobile è lento, lo è ovunque per Google. Verifica che il sito sia responsive, che le viewport siano corrette e che i tap target abbiano spazio sufficiente. Aggiungi structured data (Schema.org) per migliorare la visibilità nelle SERP.
FAQ sull’ottimizzazione delle prestazioni
Quanto velocemente dovrebbe caricarsi un sito web?
Cosa sono i Core Web Vitals?
WebP vale davvero la pena?
Quanti plugin WordPress posso usare senza rallentare il sito?
Una CDN è davvero utile per un sito italiano?