Dos páginas pueden tardar exactamente el mismo tiempo total en cargar por completo, y aun así una se percibe como mucho más rápida porque muestra su contenido de forma progresiva desde el principio, mientras la otra permanece en blanco hasta el último momento. El Speed Index mide precisamente esta diferencia: qué tan rápido se muestra visualmente el contenido de una página a lo largo de todo el proceso de carga, no solo en un instante concreto.
Cómo se calcula, con una analogía visual
La herramienta graba visualmente la carga de la página, fotograma a fotograma, y calcula qué porcentaje de la pantalla está ya «completa» en cada instante del proceso. El Speed Index resume esa progresión en un único número: cuanto antes se complete visualmente la mayor parte de la pantalla, más bajo (mejor) será el resultado.
Por qué es distinto de otras métricas de un solo instante
- El FCP mide un único momento: cuándo aparece el primer contenido.
- El LCP mide otro momento concreto: cuándo se completa el elemento más grande.
- El Speed Index, en cambio, valora la progresión completa: si la carga es fluida y constante desde el principio, o si se queda en blanco mucho tiempo para luego aparecer todo de golpe.
Un ejemplo que ilustra la diferencia
Una web que muestra su cabecera, menú y parte del contenido en el primer segundo, y va completando el resto de forma progresiva, tendrá un Speed Index mejor que otra que permanece completamente en blanco durante tres segundos y después aparece todo de golpe, aunque ambas terminen de cargar por completo en el mismo tiempo total.
Cómo mejorarlo en la práctica
Priorizar la carga visual progresiva: mostrar primero elementos estructurales (cabecera, menú) mientras el resto del contenido sigue cargando en segundo plano. Usar técnicas como el lazy loading de forma equilibrada, sin retrasar elementos que deberían aparecer pronto para dar sensación de progreso. Y evitar que grandes bloques de contenido aparezcan todos a la vez tras un periodo largo sin ningún cambio visual perceptible para quien espera.