O Lighthouse e o Core Web Vitals do Google são dois métodos diferentes para medir o desempenho e a experiência do usuário do seu site. Existem diversas diferenças em como o Lighthouse e o Core Web Vitals medem o desempenho do site, quais métricas são usadas, o que constitui uma pontuação satisfatória e quais ferramentas você pode usar para gerar cada relatório. Este artigo compara as duas abordagens para que você possa tomar uma decisão informada sobre quando usar cada uma delas.
Como as pontuações de desempenho são determinadas
Lighthouse
O Lighthouse mede o desempenho, a acessibilidade, o SEO e outros indicadores de qualidade das melhores práticas das suas páginas web. Para isso, o Lighthouse utiliza dados de laboratório gerados em um ambiente de teste fixo. Esses dados de laboratório são usados para simular visitas à sua página web com uma velocidade de CPU fixa, conexão de internet 3G e um dispositivo móvel Moto G4. O uso de uma CPU distinto menos potente, uma conexão de internet mais lenta e um smartphone menos potente reflete as condições reais de usuários que visitam seu site.
Principais indicadores da Web
As Core Web Vitals são um conjunto de três métricas que tentam medir e resumir a experiência geral do usuário ao visitar suas páginas da web, com foco na velocidade de carregamento, interatividade e estabilidade visual. Essas métricas utilizam dados de campo, que são dados reais enviados anonimamente ao Google por usuários reais quando visitam uma página específica.
Recomendamos que você utilize os dados do Core Web Vitals sempre que possível, pois dados agregados do mundo real são um indicador de desempenho melhor do que dados pontuais baseados em condições controladas de laboratório. Além disso, a pontuação obtida nas métricas do Core Web Vitals pode influenciar a sua posição nos resultados de busca do Google para as suas pesquisas específicas.
Métricas e pontuações
Tanto o Lighthouse quanto o Core Web Vitals usam métricas diferentes para gerar seus relatórios. Cada conjunto de métricas possui limites ideais que determinam se uma página é considerada aprovada ou não.
Farol
A Lighthouse utiliza seis métricas diferentes para gerar seu relatório:
- Largest Contentful Paint (LCP). Mede o tempo de carregamento da sua página e verifica quanto tempo leva para o maior elemento visível 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, focando em mudanças inesperadas de layout não causadas por interação do usuário. Às vezes, quando uma página carrega, elementos se deslocam inesperadamente, frustrando os usuários. Por exemplo, você pode carregar uma página e começar a ler um parágrafo, quando uma imagem é carregada e empurra o parágrafo para baixo na página. O limite ideal é uma mudança de layout inferior a 0,1.
- Tempo Total de Bloqueio (TBT). Tempo total durante o qual uma página fica bloqueada, impedindo-a de responder a comandos do usuário. Esses comandos incluem cliques do mouse ou pressionamentos de teclas. O limite ideal é inferior a 0,2 segundos.
- First Contentful Paint (FCP). O tempo decorrido até que o primeiro conteúdo seja carregado na página. O conteúdo deve vir do DOM (Document Object Model) da página. O DOM includes conteúdo padrão da página, 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 web, capturando um vídeo do carregamento da página e verificando a diferença entre os frames. A duração total mede quanto tempo leva para ir de uma tela em branco até a página completa. O limite ideal é inferior a 3,4 segundos.
- Tempo para Interatividade (TTI). Tempo que a página leva para se tornar totalmente interativa, respondendo 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 em valores padrão de 0 a 100 e, em seguida, usa uma média ponderada para calcular a pontuação total de desempenho do seu site. Uma pontuação acima de 90 é considerada satisfatória para qualquer métrica individual ou para a pontuação total de desempenho.
Principais indicadores da Web
O Core Web Vitals mede o CLS e o LCP da mesma forma que o Lighthouse e utiliza os mesmos limites ideais. Além disso, o Core Web Vitals também mede o First Input Delay (FID), que mede o tempo decorrido desde a primeira interação do usuário, como clicar em um botão, até que o navegador responda a essa ação. O limite ideal é inferior a 0,1 segundo. O FID é semelhante à métrica TBT do Lighthouse e possui o mesmo limite ideal. Para que uma página do seu site seja considerada aprovada, ela precisa atingir o limite ideal para cada métrica no 75º percentil.
Para obter mais informações, consulte Introdução aos Core Web Vitals.
Observação:
As pontuações do Core Web Vitals são calculadas usando dados agregados de campos de muitos usuários ao longo de um período de 28 dias. É importante lembrar desse período de 28 dias, pois, se você tiver uma pontuação baixa e depois fizer melhorias, precisará esperar que o Google identifique essas melhorias.
Ferramentas
Se você deseja obter um relatório do Lighthouse, as maneiras mais fáceis de usar são acessar a extensão do Lighthouse para o seu navegador Chrome ou visitar o Portal de Desenvolvedores Web do Google e inserir seu URL. Outras opções incluem as Ferramentas de Desenvolvedor do Chrome, o Page Speed Insights e o uso da linha de comando.
Diversas 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. A maneira mais rápida e simples de verificar as Core Web Vitals de qualquer URL é por meio do PageSpeed Insights.