Os proprietários de páginas da web desejam otimizar a experiência principal dos usuários em suas páginas da web. Muitas ferramentas foram introduzidas para otimizar e aumentar a qualidade da página da web. Essas ferramentas podem ser usadas por qualquer empresário, comerciante ou desenvolvedor, para aumentar a quantificação e a experiência do site, e eles podem identificar as oportunidades de melhoria.
Core Web Vitals vs Lighthouse
A diferença entre Core Web Vitals e Lighthouse é que ambas as ferramentas foram introduzidas pelo Google e as três métricas introduzidas pelos Core Web Vitals são LCP (maior conteúdo de tinta), FID (exibição da primeira entrada), CLS (mudança cumulativa de layout) enquanto em Por outro lado, o Google Lighthouse também possui três métricas e as duas são iguais às do Core Web Vitals, que são LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), TBT (Total Blocking Time).
Core Web Vitals foi apresentado pelo Google no mês de maio de 2020. É um subconjunto de sinais vitais da web e se aplica a todas as páginas da web do Google. E os donos dos sites dessas páginas medem com a ajuda dessa ferramenta, e então de acordo com isso, o Google os classifica.
A ferramenta Lighthouse foi introduzida pelo Google no ano de 19 de maio de 2020. Essa ferramenta foi construída para medir os principais sinais vitais da web e também para melhorar ou otimizar a qualidade das páginas da web. A ferramenta é usada após inserir o URL da página da web e, em seguida, executa uma série de verificações e pontua a página da web com um relatório detalhado dela.
Tabela de comparação entre o Core Web Vitals e o Lighthouse
| Parâmetros de comparação | Core Web Vitals | Farol |
| O que é isso? | É um subconjunto de indicadores vitais da web e se aplica a todas as páginas da web, medido por todos os proprietários de sites e superfícies em todo o Google. | Ferramenta para melhorar a qualidade da página web |
| Método de operação | Mostra o desempenho da página da web com base nos dados de uso do mundo real (dados de campo) | Ele gera uma série de verificações e, em seguida, um relatório detalhado é mostrado com a pontuação do desempenho da página. |
| Introduzido em | Maio de 2020 | 19 de maio de 2020 |
| Medido por | É medido pela ferramenta Lighthouse, relatório Chrome UX, Chrome DevTools, Search Console, PageSpeed Insights. | Não existe tal ferramenta para isso. |
| Métricas | LCP (pintura com maior conteúdo), FID (exibição da primeira entrada), CLS (mudança cumulativa de layout) | LCP (pintura com maior conteúdo), CLS (mudança cumulativa de layout), TBT (tempo total de bloqueio) |
O que é Core Web Vitals?
O Core Web Vitals pode ser definido como o subconjunto dos web vitais que são aplicados nas páginas da web presentes em todo o site do Google. Essas páginas da web devem ser avaliadas pelos proprietários do site e, em seguida, são disponibilizadas no Google. Essa ferramenta foi introduzida em maio de 2020 e filtra o desempenho da página da web com base em dados de uso do mundo real ou dados de campo.
O Core Web Vitals pode ser medido por muitas ferramentas, e algumas delas são - ferramenta Lighthouse, relatório de UX do Chrome, Chrome DevTools, Search Console e PageSpeed Insights. As métricas atuais da ferramenta se concentram em três coisas que ajudam a melhorar a experiência do usuário - carregamento (LCP), interatividade (FID) e carregamento visual (CLS).
O LCP ou Largest Contentful Paint mede o desempenho de carregamento da página da web e, em 2,5 segundos, o LCP deve ocorrer. O FID ou a primeira exibição de entrada da página da web mede a interatividade e uma página deve ter 100 milissegundos ou menos FID. CLS ou deslocamento cumulativo de layout de uma página mede o carregamento visual e uma página deve ter 0,1 ou menos CLS. Diz-se que a página da web com o cruzamento de todas as métricas acima de 75% atinge o público-alvo certo.
O que é o farol?
Lighthouse é uma ferramenta automatizada introduzida pelo Google que ajuda a melhorar a qualidade da página web. É uma ferramenta gratuita fornecida aos usuários. A ferramenta ajuda a fornecer insights sobre diferentes coisas necessárias para melhorar a qualidade da página da web, tais como - desempenho geral da página, usabilidade de SEO, acessibilidade da página da web, aplicativo da web progressivo e melhores práticas.
As ferramentas do farol usam a URL da página da web, que deve ser melhorada, e depois executam algumas verificações nela. As pontuações da ferramenta na página da web e um relatório detalhado são produzidos sobre o desempenho da página. Além disso, não há ferramenta de medição para o Lighthouse, ao contrário do Core Web Vitals.
A ferramenta Google Lighthouse também funciona com as três métricas em que duas delas são iguais às do Core Web Vitals e são LCP, CLS e TBT. LCP (Largest Contentful Paint) mede a experiência de carregamento da página da web e deve pontuar 2,5 segundos ou menos. CLS (Cumulative Layout Swift) mede o carregamento visual da página da web, e deve pontuar 0,10 ou menos. TBT (Total Blocking Time) mede a capacidade de resposta da página web. Tem uma correlação com o FID.
Principais diferenças entre o Core Web Vitals e o Lighthouse
Conclusão
O sucesso de longo prazo de qualquer site ou página da web requer uma qualidade otimizada de conteúdo e outros recursos, o que traz um tráfego saudável para a página da web. Para o mesmo, o Google criou e lançou muitas ferramentas de medição para relatar o desempenho geral da página da web nos últimos anos. Alguns desenvolvedores experientes descobriram que essas ferramentas são fáceis de trabalhar, enquanto alguns deles também as classificaram como ferramentas difíceis de lidar.
Essas ferramentas filtram automaticamente o conteúdo e a página da web com base nas métricas, que foram projetadas para limpar o máximo possível para fazer uma página da web totalmente otimizada com qualidade de conteúdo e outros. Existem quatro métricas em que duas delas são iguais para ambas as ferramentas (Core Web Vitals e Lighthouse), enquanto uma delas é diferente no caso da ferramenta Lighthouse. As métricas são LCP, CLS, FID e TBT.
Referências
- https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
- https://www.mdpi.com/0718-1876/16/5/77
- https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu_Final%20Version%20%281% 29.pdf? Sequence = 2
- https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf
