Speed Index

Lo Speed Index è una metrica di performance che mostra quanto rapidamente i contenuti della pagina diventano visivamente visibili durante il caricamento. Si misura in secondi in base al progresso visivo (screenshot ogni 100 ms).

Come si misura lo Speed Index

Lighthouse fa screenshot ogni 100 ms durante il caricamento e calcola la velocità di riempimento dell'area visibile. Meno pixel restano vuoti in ogni istante, più basso (migliore) è lo Speed Index.

Soglie

Punteggi ufficiali:

  • Buono: meno di 3,4 s.
  • Da migliorare: 3,4-5,8 s.
  • Scarso: più di 5,8 s.

Come migliorare lo Speed Index

Tecniche chiave:

  • Critical CSS inline per l'area above-the-fold.
  • Dare priorità al caricamento dei contenuti visibili (lazy-load per quelli fuori schermo).
  • Ottimizzazione delle immagini — compressione, WebP, attributi width/height.
  • Eliminare le risorse render-blocking (defer del JS).
  • Server-side rendering (SSR) — consegnare HTML già pronto.
Lo Speed Index non è un segnale diretto dei Core Web Vitals, ma è strettamente legato all'LCP e alla velocità percepita dall'utente.

FAQ

In che cosa lo Speed Index differisce dall'LCP?
L'LCP misura il tempo di rendering dell'elemento più grande; lo Speed Index mostra il progresso visivo dell'intera pagina. Entrambi contano per la UX.
Come posso controllare lo Speed Index?
Esegui un audit Lighthouse in Chrome DevTools o PageSpeed Insights. La metrica è sotto Performance.
Quanto conta la velocità visiva per la SEO?
La metrica in sé non è un fattore diretto, ma un rendering lento peggiora i segnali utente e può incidere sui Core Web Vitals, che Google considera.
È possibile uno Speed Index sotto il secondo?
Sì, su pagine semplici con stili inline e senza immagini. Per le pagine commerciali è difficile ma raggiungibile.