¿Qué es el Speed Index? La métrica que mide todo el llenado, no un instante
- vuetelemetry
- Guías
- 7 min de lectura
El Speed Index es la única de las cinco métricas de rendimiento de Lighthouse que mide una curva y no un instante. Por eso una página puede tener un buen LCP y puntuar mal aquí, y por eso la solución es distinta.
Todas las demás métricas de carga importantes nombran un momento. El First Contentful Paint es el instante en que algo aparece por primera vez. El Largest Contentful Paint es el instante en que aterriza el elemento más grande. El Speed Index no es un momento en absoluto: mide con qué rapidez se llena la parte visible de la página a lo largo de toda la carga.
Esa diferencia es su razón de ser, y es también lo que la convierte en la métrica más difícil de situar.
Cómo lo mide realmente Lighthouse
Lighthouse lo calcula grabando un vídeo de la carga de la página y comparando después los fotogramas sucesivos para establecer el grado de completitud visual en cada momento. El cálculo lo realiza el módulo de Node Speedline, y el enfoque se hereda del Speed Index original introducido por WebPageTest.
Como integra toda la carga, un número más bajo significa que la página alcanzó su completitud visual antes **de media**, y no que un elemento concreto llegara más rápido.
Dos páginas pueden terminar en el mismo instante y puntuar de forma muy distinta. Una dibuja su contenido de forma progresiva, así que la superficie está llena en buena parte desde pronto. La otra mantiene una pantalla en blanco y luego lo pinta todo de golpe, tarde. Misma línea de meta, Speed Index muy distinto y experiencia realmente distinta para quien mira.
Qué cuenta como bueno y cuánto pesa
Pesa un **10 por ciento** de la puntuación de rendimiento de Lighthouse, lo mismo que el [First Contentful Paint](/es/articles/que-es-el-first-contentful-paint-fcp) y un tercio de lo que pesa el [Total Blocking Time](/es/articles/que-es-el-total-blocking-time). Los umbrales publicados difieren según el perfil de dispositivo, y por eso una misma página no puntúa igual en móvil y en escritorio:
- Móvil: de 0 a 3,4 s rápido, de 3,4 a 5,8 s moderado, más de 5,8 s lento
- Escritorio: de 0 a 1,3 s rápido, de 1,3 a 2,3 s moderado, más de 2,3 s lento
- Peso en la puntuación de rendimiento de Lighthouse: 10 por ciento
No es una Core Web Vital
Conviene decirlo con claridad: **el Speed Index no es una Core Web Vital**. Es una de las cinco métricas de la sección de rendimiento de Lighthouse y no alimenta la evaluación de Core Web Vitals que Google elabora con datos de campo. Si tu objetivo es aprobar las Core Web Vitals, no es este el número que hay que perseguir; si tu objetivo es la puntuación de Lighthouse o la velocidad percibida de la carga, sí lo es.
La distinción importa porque el esfuerzo invertido aquí se ve en un sitio y no en el otro. Nuestro artículo sobre [mejorar las Core Web Vitals](/es/articles/mejorar-los-core-web-vitals) cubre la parte de datos de campo.
Buen LCP, mal Speed Index: la forma habitual
Cuando el Speed Index es malo y el [LCP](/es/articles/que-es-el-largest-contentful-paint-lcp) parece aceptable, la causa habitual es una carga que no revela nada hasta el final. Recursos que bloquean el renderizado en la cabecera, fuentes que ocultan el texto hasta llegar y contenido que espera a una petición del lado del cliente producen todos la misma forma: un lienzo en blanco durante casi toda la carga y luego todo de una vez.
Las soluciones se deducen de esa forma y no del nombre de la métrica. Sirve algo con sentido en la primera respuesta en lugar de una cáscara vacía, deja que el texto se muestre con una fuente de reserva mientras carga la tipografía web, y saca del camino crítico todo lo que no haga falta para la primera vista. Cada uno de esos gestos eleva la completitud visual antes en la curva, que es justo lo que la medición premia.
La salvedad del laboratorio
La salvedad honesta es la que vale para cualquier métrica de laboratorio. Se trata de una carga guiada sobre hardware simulado, que puede diferir de lo que viven tus visitantes en sus propios dispositivos y conexiones. Trátala como una señal reproducible sobre la forma de tu carga, no como un informe de lo que vieron los usuarios reales. Puedes ver cómo ese número se convierte en puntos con nuestra [calculadora de la puntuación de Lighthouse](/es/lighthouse-score-calculator).
FAQ
¿Qué es el Speed Index?
Mide con qué rapidez se muestra visualmente el contenido durante la carga de la página. A diferencia del First Contentful Paint o del Largest Contentful Paint, que señalan cada uno un instante único, el Speed Index describe todo el llenado del área visible a lo largo del tiempo. Un valor más bajo significa que la página pareció completa antes, de media a lo largo de la carga.
¿Cómo calcula Lighthouse el Speed Index?
Lighthouse graba un vídeo de la carga de la página y compara los fotogramas sucesivos para establecer el grado de completitud visual en cada momento. El cálculo lo realiza el módulo de Node Speedline, y el método se hereda del Speed Index original introducido por WebPageTest.
¿Qué es un buen Speed Index?
En el perfil móvil, menos de 3,4 segundos se considera rápido, de 3,4 a 5,8 segundos moderado y más de 5,8 segundos lento. En escritorio las franjas son más estrechas: menos de 1,3 segundos rápido, de 1,3 a 2,3 segundos moderado y más de 2,3 segundos lento. La misma página puede quedar en franjas distintas según el perfil usado.
¿Es el Speed Index una Core Web Vital?
No. Es una de las cinco métricas de la sección de rendimiento de Lighthouse y pesa un 10 por ciento de esa puntuación, pero no forma parte de la evaluación de Core Web Vitals que Google elabora con datos de campo. Trabajarlo mejora la puntuación de Lighthouse y la fluidez percibida de la carga, no el veredicto de Core Web Vitals.
¿Por qué mi Speed Index es malo si mi LCP está bien?
Porque no miden lo mismo. El LCP registra el instante en que llega el elemento más grande, que puede ser aceptable aunque la pantalla siguiera en blanco hasta justo antes. El Speed Index penaliza exactamente esa forma, ya que promedia la completitud visual a lo largo de toda la carga. Una página que se llena progresivamente gana a una que aparece de golpe, aunque ambas terminen a la vez.
Las soluciones se deducen de esa forma y no del nombre de la métrica. Sirve algo con sentido en la primera respuesta en lugar de una cáscara vacía, deja que el texto se muestre con una fuente de reserva mientras carga la tipografía web, y saca del camino crítico todo lo que no haga falta para la primera vista. Cada uno de esos gestos eleva la completitud visual antes en la curva, que es justo lo que la medición premia.