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.
Como são determinadas as pontuações de desempenho
Lighthouse
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.
Core Web Vitals
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.
Métricas e pontuações
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.
Lighthouse
O Lighthouse usa seis métricas diferentes para gerar o relatório:
Pintura maior com conteúdo (LCP). Mede o tempo de carregamento da página e checa quanto tempo leva para o maior elemento de dobra (imagem, texto e assim por diante) carregar. O limite ideal é inferior a 2,5 segundos.
Deslocamento cumulativo de layout (CLS). Mede a estabilidade visual de um carregamento de página; para isso, ele foca mudanças inesperadas no layout não causadas pela interação do usuário. Às vezes, quando a página é carregada, os elementos mudam de forma inesperada e incomodam o usuário. Isso ocorre, por exemplo, quando você carrega uma página e começa a ler um parágrafo, mas uma imagem é carregada e empurra o parágrafo para baixo. O limite ideal é menor do que a mudança 0,1 de layout.
Tempo total de bloqueio (TBT). A quantidade total de tempo que uma página fica impedida de responder às informações que o usuário dá. Essas entradas incluem cliques do mouse ou pressionamentos do teclado. O limite ideal é inferior a 0,2 segundos.
Primeira pintura de conteúdo (FCP). O tempo decorrido até o primeiro conteúdo ser carregado na página. O conteúdo deve vir do DOM (Modelo de Objeto do Documento) da página. O DOM inclui conteúdo normal da página, como imagens e texto. O limite ideal é inferior a 1,8 segundo.
Índice de velocidade. Mede todo o processo de carregamento das partes visuais de uma página da web; para isso, ele captura um vídeo do carregamento da página e checa a diferença entre os quadros. A duração total mede o tempo que leva da tela em branco para a página completa. O limite ideal é inferior a 3,4 segundos.
Tempo para interativo (TTI). Quanto tempo leva até a página ficar totalmente interativa para ela responder, de forma confiável, às informações que o usuário dá. O limite ideal é inferior a 0,1 segundo.
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.
Core Web Vitals
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.
Saiba mais em Introdução às Core Web Vitals.
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.
FERRAMENTAS
Para obter um relatório do Lighthouse, os jeitos mais fáceis são com a extensão Lighthouse para o Chrome; ou acessar o Portal do Des da Web do Google e informar seu URL. Outras opções são o As Ferramentes de Des do Chrome, o PageSpeed Insights e o uso da linha de comando.
Várias ferramentas medem as Core Web Vitals, incluindo o Relatório de experiência do usuário do Chrome (CruX), o Google Search Console e o PageSpeed Insights. O modo mais rápida e simples de checar as Core Web Vitals de um URL é com o PageSpeed Insights.