Puntuación de Rendimiento de Lighthouse (LPS)

La puntuación de rendimiento de Lighthouse (LPS) es una métrica sintética utilizada para evaluar la velocidad y el rendimiento de los sitios web, proporcionada por la herramienta Lighthouse. Esta puntuación se calcula a partir de una serie de métricas que simulan la carga de la página por parte del usuario, ofreciendo una visión evaluativa de la velocidad y disponibilidad del contenido.

Métricas incluidas y su ponderación#

Lighthouse calcula la puntuación total de LPS en función de varias métricas clave, asignando a cada una un peso específico que refleja su importancia para la experiencia del usuario.

1. First Contentful Paint (FCP) (ponderación 10 %): Mide el tiempo desde la navegación por la página hasta que el navegador representa el primer fragmento de contenido. El FCP es clave para la percepción de la rapidez de carga de la página por parte del usuario.
2. Speed Index (SI) (ponderación 10 %): Refleja qué tan rápido se representa visualmente el contenido de la página. Valores más bajos indican cargas más rápidas.
3. Largest Contentful Paint (LCP) (ponderación 25 %): Mide el tiempo en que se representa el elemento de contenido más grande en la página. El LCP es importante para evaluar cuándo está disponible el contenido principal de la página.
4. Total Blocking Time (TBT) (ponderación 30 %): Mide el tiempo total de bloqueo del hilo principal del navegador. El TBT es crucial para evaluar cuán rápidamente responde la página a las interacciones del usuario.
5. Cumulative Layout Shift (CLS) (ponderación 25 %): Evalúa con qué frecuencia los usuarios experimentan cambios inesperados en el diseño de la página. El CLS es vital para evaluar la estabilidad de la página durante su carga.

¿Cómo medirlo?#

La medición de la puntuación de rendimiento de Lighthouse se puede realizar directamente en Chrome DevTools, utilizando PageSpeed Insights, o integrando Lighthouse CI en los procesos de desarrollo. Cada una de estas herramientas proporciona un informe detallado que incluye la evaluación de las métricas individuales y recomendaciones para mejorar.

¿Por qué la puntuación de Lighthouse no refleja la velocidad del sitio web?#

Un error muy común es asumir que la puntuación de Lighthouse representa la velocidad de todo el sitio web o incluso de una página específica.

La puntuación de Lighthouse no muestra la velocidad real. ¿Por qué?

• Es una medición sintética obtenida por máquina, no por usuarios reales.
• Solo mide una página. En el caso de ingresar un dominio, se trata de la página de inicio.
• Lighthouse no calcula bien las métricas de Core Web Vitals. La métrica de estabilidad del diseño CLS es limitada y las respuestas a las interacciones medidas en la métrica INP ni siquiera se consideran.
• En herramientas como PageSpeed Insights, la puntuación de Lighthouse está configurada de manera muy estricta, en el contexto del entorno centroeuropeo.

Observe un ejemplo práctico de tres sitios web y sus puntuaciones de Lighthouse muy diferentes:

Los tres sitios tienen buenos datos de velocidad de los usuarios (CrUX) y, como se puede ver, la puntuación de Lighthouse puede variar enormemente.

No use la puntuación de Lighthouse para medir la velocidad del sitio web.

La puntuación de Lighthouse (LPS) es una métrica diseñada para el proceso de ajuste de velocidad. Puede ser útil para desarrolladores o testers y en situaciones donde se trabaja en optimizaciones de velocidad o se supervisa automáticamente si el nuevo estado no es peor que el anterior.

Importancia de la medición sintética#

LPS es una supermétrica sintética, ya que se compone de la medición de cinco métricas diferentes.

La medición regular diaria de la puntuación de Lighthouse muestra el estado de cierta parte de la velocidad del sitio web. La ventaja de la medición sintética es que es económica y proporciona una medición relativamente detallada.

Combinado con el historial, puede comparar fácilmente las métricas sintéticas y seguir su evolución a lo largo del tiempo. LPS y otras métricas sintéticas pueden revelar rápidamente posibles errores que surjan en el desarrollo.

En monitoring PLUS también utilizamos mediciones sintéticas, entre otras cosas. El Informe Guardián mide diariamente la web usando Lighthouse y envía notificaciones al exceder los límites establecidos de las métricas.

Las mediciones sintéticas, desde luego, no le indicarán cómo se comporta la velocidad de su sitio con sus usuarios reales en sus dispositivos. Para eso, necesita mediciones de usuario (RUM) o datos CrUX de los usuarios de Google, que también proporcionamos.

Escribimos sobre las diferencias entre las mediciones en una página especial: synth vs. CrUX vs. RUM.