Pontuação de desempenho no Lighthouse

Como o Lighthouse calcula sua pontuação geral de desempenho

Published on Updated on

Translated to: English, 한국어, Pусский

Em geral, apenas as métricas contribuem para sua pontuação de desempenho no Lighthouse, não os resultados de oportunidades ou diagnósticos. Dito isso, melhorar as oportunidades e os diagnósticos provavelmente irá melhorar os valores da métrica, portanto, existe uma relação indireta.

Abaixo, descrevemos por que a pontuação pode flutuar, como é composta e como o Lighthouse pontua cada métrica individual.

Por que sua pontuação flutua

Grande parte da variabilidade na sua pontuação geral de desempenho e valores de métricas não se deve ao Lighthouse. Quando sua pontuação de desempenho flutua, geralmente é devido a mudanças nas condições subjacentes. Problemas comuns incluem:

  • Testes A/B ou alterações nos anúncios veiculados
  • Mudanças no roteamento do tráfego da Internet
  • Teste realizados em diferentes dispositivos, como em um desktop de alto desempenho e um notebook de baixo desempenho
  • Extensões de navegador que injetam JavaScript e adicionam/modificam solicitações da rede
  • Software antivírus

A documentação do Lighthouse sobre variabilidade trata disso com mais profundidade.

Além disso, embora o Lighthouse possa fornecer uma pontuação geral de desempenho única, pode ser mais útil pensar no desempenho do seu site como uma distribuição de pontuações, em vez de um único número. Veja a introdução das Métricas de desempenho centradas no usuário para entender o porquê.

Como a pontuação de desempenho é ponderada

A pontuação de desempenho é uma média ponderada das pontuações de métricas. Naturalmente, métricas mais pesadas têm um efeito maior na sua pontuação geral de desempenho. As pontuações das métricas não são visíveis no relatório, mas são calculadas internamente.

As ponderações são escolhidas para proporcionar uma representação equilibrada da percepção de desempenho pelo usuário. As ponderações mudaram com o tempo porque a equipe do Lighthouse tem feito pesquisas regularmente e reunido feedback para entender o que tem o maior impacto no desempenho percebido pelo usuário.

Aplicativo web Lighthouse - calculadora de pontuação

Explore a pontuação com a calculadora de pontuação do Lighthouse

Lighthouse 8

AuditoriaPeso
First Contentful Paint10%
Speed Index10%
Largest Contentful Paint25%
Time to Interactive10%
Total Blocking Time (tempo de bloqueio total)30%
Cumulative Layout Shift (CLS)15%

Lighthouse 6

AuditoriaPeso
First Contentful Paint15%
Speed Index15%
Largest Contentful Paint25%
Time to Interactive15%
Total Blocking Time25%
Cumulative Layout Shift (CLS)5%

Como são determinadas as pontuações das métricas

Depois que o Lighthouse termina de reunir as métricas de desempenho (geralmente relatadas em milissegundos), ele converte cada valor bruto numa pontuação de 0 a 100, observando onde o valor da métrica cai na distribuição de pontuação do Lighthouse. A distribuição de pontuação é uma distribuição logarítmica normal derivada das métricas de desempenho obtidas a partir de dados de desempenho de sites reais no HTTP Archive .

Por exemplo, a métrica Largest Contentful Paint (LCP) mede quando um usuário percebe que o maior conteúdo de uma página está visível. O valor da métrica para LCP representa a duração entre o início do carregamento da página pelo usuário e a renderização na página do seu conteúdo principal. Com base em dados reais do site, os sites de melhor desempenho renderizam a LCP em cerca de 1.220 ms, de modo que o valor da métrica é mapeado para uma pontuação de 99.

Indo um pouco mais fundo, o modelo de curva de pontuação do Lighthouse usa dados do HTTPArchive para determinar dois pontos de controle que depois definem a forma de uma curva logarítmica normal. O 25º percentil dos dados de HTTPArchive torna-se uma pontuação de 50 (o ponto de controle mediano) e o 8º percentil torna-se uma pontuação de 90 (o ponto de controle bom/verde). Ao explorar o gráfico da curva de pontuação abaixo, observe que entre 0,50 e 0,92, há uma relação quase linear entre o valor da métrica e a pontuação. Em torno de uma pontuação de 0,96 encontra-se o "ponto de diminuição dos retornos", já que acima dela a curva se afasta, exigindo cada vez mais melhorias métricas para melhorar uma pontuação já alta.

Imagem da curva de pontuação para TTI
Explore a curva de pontuação para TTI.

Como se lida com desktop vs celular

Como mencionado acima, as curvas de pontuação são determinadas a partir de dados de desempenho reais. Antes do Lighthouse v6, todas as curvas de pontuação eram baseadas em dados de desempenho em dispositivos móveis. Apesar disso, uma execução do Lighthouse em desktop usaria esses dados. Na prática, isso levava a pontuações de desktop artificialmente infladas. O Lighthouse v6 corrigiu esse bug usando pontuações específicas para desktop. Embora você certamente possa esperar mudanças gerais na sua pontuação de desempenho entre 5 e 6, quaisquer pontuações para desktop serão significativamente diferentes.

Como as pontuações são codificadas por cores

As pontuações de métricas e a pontuação de desempenho são coloridas de acordo com os intervalos a seguir:

  • 0 a 49 (vermelho): Ruim
  • 50 a 89 (laranja): Precisa melhorar
  • 90 a 100 (verde): Bom

Para fornecer uma boa experiência do usuário, os sites devem se esforçar para ter uma boa pontuação (90-100). Uma pontuação "perfeita" de 100 é um grande desafio e não é esperada. Por exemplo, para obter uma pontuação de 99 a 100 requer aproximadamente a mesma quantidade de melhoria métrica que levaria para uma mudança de 90 a 94.

O que os desenvolvedores podem fazer para melhorar sua pontuação de desempenho?

Primeiro, use a calculadora de pontuação do Lighthouse para ajudar a entender quais limites você deve almejar para atingir uma determinada pontuação de desempenho.

No relatório do Lighthouse, a seção Oportunidades contém sugestões detalhadas e documentação sobre como implementá-las. Além disso, a seção Diagnóstico lista orientações adicionais que os desenvolvedores podem explorar para melhorar ainda mais seu desempenho.

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.