Perché la velocità conta
Metà delle persone chiude un sito web che impiega più di 3 secondi a caricarsi. I tuoi visitatori non avranno tutti un telefono nuovissimo su Wi-Fi veloce – qualcuno avrà un telefono più vecchio su un treno. Un capo progetto pensa anche a loro.
Buone notizie: il maggior boost di velocità lo ottieni da una sola cosa – le immagini. Una foto direttamente dal telefono può essere facilmente 5 MB; un sito web ne ha bisogno solo di un decimo.
Te lo mostro: misurare con Lighthouse
Lighthouse è uno strumento di misura integrato direttamente in Chrome:
- Apri il tuo sito web (la versione live, non localhost).
- F12 → scheda Lighthouse → Analyze page load.
- Otterrai un punteggio da 0–100 per performance, accessibilità, SEO – e soprattutto, un elenco di consigli specifici su cosa migliorare.
I consigli più comuni e cosa fare:
| Consiglio Lighthouse | Cosa fare |
|---|---|
| Properly size images | riduci le immagini (vedi sotto) |
| Serve images in next-gen formats | salvale in WebP |
| Image elements do not have width/height | aggiungi attributi width e height |
| Links do not have descriptive text | invece di “clicca qui”, di’ dove va il link |
Riduci le immagini
- Dimensioni: un sito web ha bisogno solo di circa 1200px di larghezza (una foto hero) o circa 600px (una foto normale). Puoi ridimensionare in qualsiasi editor, anche online (es. squoosh.app).
- Formato: WebP è circa un terzo più piccolo del JPG alla stessa qualità.
- Lazy loading: le immagini sotto la piega si caricano solo quando il visitatore scorre fino a loro:
<img src="photo.webp" alt="Match against the Eagles" width="600" height="400" loading="lazy" />Ora tocca a te 💪
- Misura il tuo sito web con Lighthouse e annota il tuo punteggio performance – quella è la tua linea di partenza.
- Trova le 3 immagini più grandi sul tuo sito web (F12 → scheda Network → ordina per Size).
- Riducile (dimensioni + WebP) e aggiungi
loading="lazy"a tutto tranne la prima immagine in alto. - Misura di nuovo e confronta i punteggi. Scrivi in
LAUNCH.md: prima → dopo. - Bonus: testa il tuo sito web sul telefono con il Wi-Fi spento. Com’è?
Non aspettarti 100 punti. Anche i grandi siti web fanno 70–90. Conta il progresso: passare da 60 a 85 è una vittoria che i visitatori noteranno davvero.
Controllo: Conosci il tuo punteggio Lighthouse prima e dopo. Le tue immagini sono ridimensionate, in WebP, e usano lazy loading. Il tuo sito web si carica visibilmente più velocemente su mobile.
Cosa porti via da questa lezione
- Velocità = i visitatori restano. 3 secondi è il limite.
- Lighthouse ti dice esattamente cosa migliorare.
- La leva più grande: immagini più piccole (dimensioni, WebP, lazy loading).
© 2026 Ing. Martin Polak / AlgoRhino · Condizioni d'uso dei contenuti