Cómo Lighthouse calcula tu puntuación general de rendimiento
En general, solo las métricas contribuyen a tu puntuación de rendimiento de Lighthouse, no los resultados de Oportunidades o Diagnóstico. Dicho esto, es probable que mejorar las oportunidades y los diagnósticos mejore los valores de las métricas, por lo que existe una relación indirecta.
A continuación describimos por qué puede fluctuar la puntuación, cómo se compone y cómo Lighthouse califica cada métrica individual.
Por qué tu puntuación fluctúa
Gran parte de la variabilidad en tu puntuación general de rendimiento y los valores de las métricas no se debe a Lighthouse. Por lo general, cuando tu puntuación de rendimiento fluctúa se debe a cambios en las condiciones subyacentes. Estos son algunos de los problemas comunes:
- Pruebas A/B o cambios en los anuncios que se publican
- Cambios en el enrutamiento del tráfico de Internet
- Pruebas en diferentes dispositivos, como una computadora de escritorio de alto rendimiento y una laptop de bajo rendimiento
- Extensiones del navegador que insertan JavaScript y que agregan o modifican solicitudes de red
- Software antivirus
La documentación de Lighthouse sobre variabilidad abarca este tema con más profundidad.
Además, aunque Lighthouse puede proporcionarte una sola puntuación general de rendimiento, podría ser más útil pensar en el rendimiento de tu sitio como una distribución de puntuaciones, en lugar de un solo número. Consulta la introducción de Métricas de rendimiento centradas en el usuario para comprender el motivo.
Cómo se pondera la puntuación de rendimiento
La puntuación de rendimiento es un promedio ponderado de las puntuaciones de las métricas. Naturalmente, las métricas más ponderadas tienen un mayor efecto en tu puntuación de rendimiento general. Las puntuaciones de las métricas no se pueden ver en el informe, pero se calculan de forma interna.
Lighthouse 10
| Auditoría | Peso |
|---|---|
| First Contentful Paint | 10% |
| Índice de velocidad | 10% |
| Procesamiento de imagen con contenido más grande | 25% |
| Tiempo de bloqueo total | 30% |
| Cambio de diseño acumulado | 25% |
Faro 8
| Auditoría | Peso |
|---|---|
| First Contentful Paint | 10% |
| Índice de velocidad | 10% |
| Largest Contentful Paint | 25% |
| Tiempo de carga | 10% |
| Tiempo de bloqueo total | 30% |
| Cambio de diseño acumulado | 15% |
Cómo se determinan las puntuaciones de las métricas
Una vez que Lighthouse recopila las métricas de rendimiento (que se informan principalmente en milisegundos), convierte cada valor de métrica sin procesar en una puntuación de métrica de 0 a 100. Para ello, busca dónde se encuentra el valor de la métrica en su distribución de puntuación de Lighthouse. La distribución de puntuación es una distribución logarítmica normal derivada de las métricas de rendimiento de los datos de rendimiento reales del sitio web en HTTP Archive.
Por ejemplo, Largest Contentful Paint (LCP) mide cuándo un usuario percibe que el contenido más grande de una página es visible. El valor de la métrica de LCP representa la duración del tiempo entre que el usuario inicia la carga de la página y que esta renderiza su contenido principal. Según los datos reales de los sitios web, los sitios con mejor rendimiento renderizan el LCP en aproximadamente 1,220 ms, por lo que el valor de esa métrica se asigna a una puntuación de 99.
Para profundizar un poco más, el modelo de curva de puntuación de Lighthouse usa los datos de HTTPArchive para determinar dos puntos de control que luego establecen la forma de una curva log-normal. El percentil 25 de los datos de HTTP Archive se convierte en una puntuación de 50 (el punto de control medio), y el percentil 8 se convierte en una puntuación de 90 (el punto de control bueno/verde). Mientras exploras el gráfico de la curva de puntuación, observa que entre 0.50 y 0.92, existe una relación casi lineal entre el valor y la puntuación de la métrica. Alrededor de una puntuación de 0.96 es el "punto de rendimiento decreciente", ya que más alta, la curva se aleja y requiere cada vez más mejoras de la métrica para mejorar una puntuación que ya es alta.
Cómo se manejan las computadoras de escritorio y los dispositivos móviles
Como se mencionó, las curvas de puntuación se determinan a partir de datos de rendimiento reales. Antes de Lighthouse v6, todas las curvas de puntuación se basaban en datos de rendimiento para dispositivos móviles. Sin embargo, una ejecución de Lighthouse para computadoras de escritorio las usaría. En la práctica, esto generó puntuaciones infladas de forma artificial en computadoras de escritorio. Lighthouse v6 corrigió este error con una puntuación específica para computadoras de escritorio. Si bien es posible que observes cambios generales en tu puntuación de rendimiento de 5 a 6, las puntuaciones para computadoras de escritorio serán muy diferentes.
Cómo se codifican las puntuaciones por color
Las puntuaciones de métricas y la puntuación de rendimiento se colorean según estos rangos:
- De 0 a 49 (rojo): Deficiente
- De 50 a 89 años (naranja): Necesita mejorar
- De 90 a 100 (verde): Buena
Para proporcionar una buena experiencia del usuario, los sitios deben esforzarse por tener una buena puntuación (90-100). Una puntuación "perfecta" de 100 es extremadamente difícil de obtener y no es la esperada. Por ejemplo, tomar una puntuación de 99 a 100 necesita casi la misma cantidad de mejora de la métrica que llevaría un 90 a 94.
¿Qué pueden hacer los desarrolladores para mejorar su puntuación de rendimiento?
Primero, usa la calculadora de puntuación de Lighthouse para comprender los umbrales que debes alcanzar para alcanzar una puntuación de rendimiento de Lighthouse determinada.
En el informe de Lighthouse, la sección Oportunidades incluye sugerencias detalladas y documentación para implementarlas. Además, la sección Diagnóstico incluye orientación adicional que los desarrolladores pueden explorar para mejorar aún más su rendimiento.