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. Há várias diferenças na forma 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 de aprovação e quais ferramentas você pode usar para executar cada relatório. Este artigo compara as duas abordagens para que você possa tomar uma decisão informada sobre quando usar cada uma delas
Lighthouse mede o desempenho, a acessibilidade, o SEO e outros indicadores de qualidade de melhores práticas de suas páginas da web. Para fazer isso, o Lighthouse usa dados de laboratório que são gerados em um ambiente de teste fixo. Esses dados de laboratório são usados para simular visitas à sua página da web com uma velocidade fixa de CPU, conexão de internet 3G e um dispositivo móvel Moto G4. O uso de uma CPU um pouco fraca, uma conexão de internet mais lenta e um smartphone menos potente reflete as condições reais dos usuários que visitam seu site
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, concentrando-se na velocidade de carregamento, interatividade e estabilidade visual. Essas métricas usam dados de campo, que são dados reais enviados anonimamente ao Google por usuários reais quando eles visitam uma página específica
Recomendamos que você confie nos dados do Core Web Vitals o máximo possível, pois os dados agregados do mundo real são um melhor indicador de desempenho do que os dados pontuais baseados em um conjunto controlado de condições de laboratório. E a pontuação que você recebe nas métricas do Core Web Vital pode fazer a diferença na proeminência com que você aparece nas páginas de resultados dos mecanismos de pesquisa do Google para suas consultas de pesquisa direcionadas
Tanto o Lighthouse quanto o Core Web Vitals usam métricas diferentes para gerar seus relatórios. Cada conjunto de métricas tem limites ideais que determinam se uma página é considerada aprovada ou não
O Lighthouse usa seis métricas diferentes para gerar seu relatório:
-
Tinta com maior conteúdo (LCP). Mede o tempo de carregamento da sua página e verifica quanto tempo leva para carregar o maior elemento acima da dobra (imagem, texto etc.). 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 pontuações brutas em valores padrão de 0 a 100 e usa uma média ponderada para calcular a pontuação total de desempenho do seu site. Uma pontuação de aprovação para qualquer métrica individual ou a pontuação total de desempenho está acima de 90.
O Core Web Vitals mede o CLS e o LCP da mesma forma que o Lighthouse e usa os mesmos limites ideais. Além disso, o Core Web Vitals também mede o First Input Delay (FID), que mede o tempo que leva 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 segundos. O FID é semelhante à métrica TBT do Lighthouse e tem 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º
Para obter mais informações, consulte Principais sinais vitais da Web.
Nota
As pontuações do Core Web Vital são calculadas usando dados de campo agregados de muitos usuários durante um período de 28 dias. É importante lembrar esse período de 28 dias, pois se você pontuar mal e depois fizer algumas melhorias, precisará esperar que o Google identifique
As pontuações do Core Web Vital são calculadas usando dados de campo agregados de muitos usuários durante um período de 28 dias. É importante lembrar esse período de 28 dias, pois se você pontuar mal e depois fizer algumas melhorias, precisará esperar que o Google identifique
Se você quiser obter um relatório do Lighthouse, as formas mais fáceis de usar são usar o Extensão do farol para seu navegador Chrome ou para visitar Portal de desenvolvimento web do Google e insira seu URL. Outras opções incluem Ferramentas de desenvolvimento do Chrome , Informações sobre a velocidade da páginae usando a linha de comando.
Várias ferramentas medem o Core Web Vitals, incluindo Relatório de experiência do usuário do Chrome (CruX), Console de pesquisa do Google , e Informações sobre o PageSpeed. A maneira mais rápida e simples de verificar os Core Web Vitals de qualquer URL é por meio do PageSpeed