O Lighthouse e as Core Web Vitals do Google são dois métodos diferentes para medir o desempenho e a experiência do usuário no site. São várias as diferenças em como o Lighthouse e as Core Web Vitals medem o desempenho do site; quais métricas são usadas; o que constitui a pontuação para aprovação; e quais ferramentas você pode usar para executar cada relatório. Este artigo compara as duas abordagens para você tomar uma decisão consciente sobre quando usar cada uma.
O Lighthouse mede o desempenho, a acessibilidade, a SEO e outros indicadores de qualidade das práticas recomendadas das páginas da web. Para isso, o Lighthouse usa dados de laboratório gerados num ambiente de teste fixo. Esses dados são usados para simular visitas a uma página da web com uma velocidade de CPU fixa, conexão de internet 3G e um celular Moto G4. O uso de uma CPU ligeiramente baixa, conexão de internet mais lenta e smartphone menos potente reflete as condições do mundo real dos usuários que visitam o site.
As Core Web Vitals são um conjunto de três métricas que medem e resumem a experiência geral do usuário ao visitar sua página da web, concentrando-se na velocidade de carregamento, interatividade e estabilidade visual. Essas métricas usam dados de campo, que são dados do mundo real enviados anonimamente ao Google por usuários reais quando visitam uma página específica.
Recomendamos confiar nos dados das Core Web Vitals, pois os dados agregados do mundo real são um indicador melhor de desempenho do que os dados pontuais baseados num conjunto controlado de condições laboratoriais. E a pontuação que você recebe nas métricas das Core Web Vitals pode fazer a diferença em como você aparece nas páginas de resultados do Google no caso das suas consultas de busca direcionadas.
Tanto o Lighthouse quanto as Core Web Vitals usam métricas diferentes para gerar os relatórios. Cada conjunto de métricas tem limites ideais que determinam se uma página é aprovada ou não.
O Lighthouse usa seis métricas diferentes para gerar o relatório:
-
Tinta com maior conteúdo (LCP). Mede o tempo de carregamento da sua página e verifica quanto tempo leva para o maior elemento acima da dobra (imagem, texto etc.) carregar. O limite ideal é inferior a 2,5 segundos.
-
Mudança cumulativa de layout (CLS). Mede a estabilidade visual do carregamento de uma página concentrando-se em mudanças inesperadas de layout não causadas pela interação do usuário. Às vezes, quando uma página é carregada, os elementos mudam inesperadamente e frustram os usuários. Por exemplo, você pode carregar uma página e começar a ler um parágrafo, apenas para carregar uma imagem que empurre o parágrafo para baixo na página. O limite ideal é menor que 0,1 mudança de layout.
-
Tempo total de bloqueio (TBT). Tempo total durante o qual uma página está impedida de responder à entrada do usuário. Essas entradas incluem cliques do mouse ou toques no teclado. O limite ideal é inferior a 0,2 segundos.
-
Primeira pintura com conteúdo (FCP). O tempo decorrido até o primeiro conteúdo ser carregado na página. O conteúdo deve vir do DOM (Document Object Model) da página. O DOM inclui conteúdo de página padrão, como imagens e texto. O limite ideal é inferior a 1,8 segundos.
-
Índice de velocidade. Mede todo o processo de carregamento das partes visuais de uma página da Web capturando um vídeo do carregamento da página e verificando a diferença entre os quadros. A duração total mede quanto tempo leva para passar de uma tela em branco para uma página completa. O limite ideal é inferior a 3,4 segundos.
-
Hora de interatividade (TTI). Quanto tempo leva para a página se tornar totalmente interativa para que ela responda de forma confiável às entradas do usuário. O limite ideal é inferior a 0,1 segundos.
O relatório de desempenho do Lighthouse converte as pontuações brutas num valor padrão entre 0 e 100 e, em seguida, usa uma média ponderada para calcular a pontuação do desempenho total do site. A pontuação de aprovação para uma métrica qualquer ou para o desempenho total é acima de 90.
As Core Web Vitals medem o CLS e o LCP da mesma forma que o Lighthouse e usa os mesmos limites ideais. Além disso, as Core Web Vitals também medem o Atraso da Primeira Entrada (FID), que mede o tempo desde a primeira interação do usuário (como clicar em um botão) até o browser responder a essa ação. O limite ideal é inferior a 0,1 segundo. O FID é semelhante à métrica TBT do Lighthouse e tem o mesmo limite ideal. Para que seja aprovada, a página do site precisa atingir o limite ideal de cada métrica no percentil 75.
Para obter mais informações, consulte Core Web Vitals.
Nota
As pontuações das Core Web Vitals são calculadas usando dados de campo coletados de vários usuários num período de 28 dias. É importante lembrar esse período de 28 dias, pois, se você pontuar mal e fizer melhorias, precisará esperar que o Google identifique essas melhorias.
As pontuações das Core Web Vitals são calculadas usando dados de campo coletados de vários usuários num período de 28 dias. É importante lembrar esse período de 28 dias, pois, se você pontuar mal e fizer melhorias, precisará esperar que o Google identifique essas melhorias.
Se você quiser obter um relatório do Lighthouse, as formas mais fáceis de usar são usar a extensão Lighthouse para seu navegador Chrome ou visitar o Portal de Desenvolvimento Web do Google e inserir seu URL. Outras opções incluem o Chrome Dev tool, o Page Speed Insights e o uso da linha de comando.
Vários sites tool medem o Core Web Vitals, incluindo o Chrome User Experience Report (CrUX), o Google Search Console e o PageSpeed Insights. A maneira mais rápida e simples de verificar os Core Web Vitals de qualquer URL é por meio do PageSpeed Insights.