Cómo calcula Lighthouse tu puntuación de rendimiento general
En general, solo las metrics contribuyen a la 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 está compuesta y cómo Lighthouse califica cada métrica individual.
Por qué fluctúa tu puntuación
En gran parte, la variabilidad de la puntuación de rendimiento y los valores de las métricas generales no se debe a Lighthouse. Cuando tu puntuación de rendimiento fluctúa, por lo general, se debe a cambios en las condiciones subyacentes. Entre los problemas comunes, se incluyen los siguientes:
- 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 agregan o modifican las solicitudes de red
- Software antivirus
La documentación de Lighthouse sobre la variabilidad aborda este tema con más profundidad.
Además, aunque Lighthouse puede proporcionarte una puntuación de rendimiento general única, puede resultar más útil pensar en el rendimiento de tu sitio como una distribución de puntuaciones, en lugar de como un número único. Consulta la introducción de las métricas de rendimiento centradas en el usuario para comprender por qué.
Cómo se pondera la puntuación de rendimiento
La puntuación de rendimiento es un promedio ponderado de las puntuaciones de 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 ven en el informe, pero se calculan de forma interna.
Lighthouse 10
Auditar | Peso |
---|---|
First Contentful Paint | 10% |
Índice de velocidad | 10% |
Largest Contentful Paint | 25% |
Tiempo de bloqueo total | 30% |
Cambio de diseño acumulado | 25% |
Lighthouse 8
Auditar | 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 recolecta las métricas de rendimiento (que se informan principalmente en milisegundos), convierte cada valor de la métrica sin procesar en una puntuación de 0 a 100 mediante la observación de dónde cae el valor de la métrica en la distribución de puntuación de Lighthouse. La distribución de la puntuación es una distribución logarítmica normal derivada de las métricas de rendimiento de los datos de rendimiento de sitios web reales en el archivo HTTP.
Por ejemplo, el Largest Contentful Paint (LCP) mide cuando un usuario percibe que el contenido más grande de una página está visible. El valor de la métrica de LCP representa el tiempo entre el usuario que inicia la carga de la página y la página que procesa su contenido principal. A partir de datos reales de sitios web, los sitios con mejor rendimiento renderizan el LCP en aproximadamente 1,220 ms, por lo que ese valor de la métrica se asigna a una puntuación de 99.
Profundizando un poco más, el modelo de curva de puntuación de Lighthouse usa 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 HTTPArchive se convierte en una puntuación de 50 (el punto de control media) y el percentil 8 se convierte en una puntuación de 90 (el punto de control bueno/verde). Mientras exploras el siguiente gráfico de curva de puntuación, observa que entre 0.50 y 0.92, existe una relación casi lineal entre el valor de la métrica y la puntuación. Cerca de una puntuación de 0.96 es el "punto de disminución del retorno", ya que, por encima de él, la curva se quita y requiere cada vez más mejoras de las métricas 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ó anteriormente, 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 en dispositivos móviles. Sin embargo, una ejecución de Lighthouse en computadoras de escritorio lo usaba. En la práctica, esto generó aumentos artificiales en las puntuaciones de las computadoras de escritorio. Lighthouse v6 corrigió este error usando puntuaciones específicas para computadoras de escritorio. Si bien puedes esperar cambios generales en tu puntuación de rendimiento de 5 a 6, las puntuaciones para computadoras de escritorio serán significativamente diferentes.
Cómo se codifican las puntuaciones por color
Las puntuaciones de las métricas y la puntuación de rendimiento se colorean de acuerdo con los siguientes rangos:
- De 0 a 49 (rojo): Deficiente
- De 50 a 89 (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 lo que se espera. Por ejemplo, tomar una puntuación de 99 a 100 necesita casi la misma cantidad de mejora de la métrica que tomaría un 90 a 94.
¿Qué pueden hacer los desarrolladores para mejorar su puntuación de rendimiento?
En primer lugar, utiliza la calculadora de puntuación de Lighthouse para comprender qué umbrales deberías aspirar para alcanzar una determinada puntuación de rendimiento de Lighthouse.
En el informe de Lighthouse, la sección Oportunidades tiene sugerencias detalladas y documentación sobre cómo implementarlas. Además, en la sección Diagnóstico se incluye orientación adicional que los desarrolladores pueden explorar para mejorar aún más su rendimiento.