Web Vitals – Métricas essenciais para um site íntegro

[vc_row][vc_column][vc_column_text]Otimizar a qualidade da experiência do usuário é essencial para o sucesso a longo prazo de qualquer site na web. Seja você proprietário, comerciante ou desenvolvedor de uma empresa, o Web Vitals pode ajudá-lo a quantificar a experiência do seu site e a identificar oportunidades de melhoria.

Visão Geral

O Web Vitals é uma iniciativa do Google para fornecer orientação unificada para sinais de qualidade, essenciais para proporcionar uma ótima experiência do usuário na web.

O Google forneceu várias ferramentas ao longo dos anos para medir e informar sobre o desempenho. Alguns desenvolvedores são especialistas no uso dessas ferramentas, enquanto outros consideram a abundância de ferramentas e métricas um desafio para acompanhar.

Os proprietários do site não precisam ser gurus do desempenho para entender a qualidade da experiência que estão oferecendo aos usuários. A iniciativa Web Vitals visa simplificar o cenário e ajudar os sites a se concentrarem nas métricas mais importantes, os Core Web Vitals.

Core Web Vitals

Os principais Vitals da Web são o subconjunto de Vitals da Web que se aplicam a todas as páginas da Web, devem ser medidos por todos os proprietários do site e aparecerão em todas as ferramentas do Google. Cada um dos Vitals principais da Web representa uma faceta distinta da experiência do usuário, é mensurável em campo e reflete a experiência do mundo real de um resultado crítico centrado no usuário.

As métricas que compõem o Core Web Vitals evoluirão com o tempo. O conjunto atual para 2020 enfoca três aspectos da experiência do usuário – carregamento, interatividade e estabilidade visual – e inclui as seguintes métricas (e seus respectivos limites):[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image image=”21471″ img_size=”230×220″ alignment=”center”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image image=”21472″ img_size=”230×220″ alignment=”center”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image image=”21473″ img_size=”230×220″ alignment=”center”][/vc_column_inner][/vc_row_inner][vc_column_text]Maior pintura com conteúdo (LCP): mede o desempenho do carregamento. Para proporcionar uma boa experiência ao usuário, o LCP deve ocorrer dentro de 2,5 segundos após o início do carregamento da página.

Atraso na primeira entrada (FID): mede a interatividade. Para fornecer uma boa experiência do usuário, as páginas devem ter um FID inferior a 100 milissegundos.

Deslocamento de layout cumulativo (CLS): mede a estabilidade visual. Para fornecer uma boa experiência do usuário, as páginas devem manter um CLS menor que 0,1.

Para cada uma das métricas acima, para garantir que você esteja atingindo a meta recomendada para a maioria dos usuários, um bom limite a ser medido é o 75º percentil de carregamentos de páginas, segmentados em dispositivos móveis e computadores.

Ferramentas para medição e relatórios

O Google acredita que os principais vitais da web são essenciais para todas as experiências na web. Como resultado, ele está comprometido em aplicar essas métricas em todas as suas ferramentas populares. As seções a seguir detalham quais ferramentas suportam os vitais da Web principais.

Ferramentas para medir o Core Web Vitals

O Relatório de experiência do usuário do Chrome coleta dados reais e anônimos de medidas do usuário para cada Core Web Vital. Esses dados permitem que os proprietários do site avaliem rapidamente seu desempenho sem exigir que eles instrumentem manualmente as análises em suas páginas e usem ferramentas como o PageSpeed ​​Insights e o relatório Core Web Vitals do Search Console.

Os dados fornecidos pelo Chrome User Experience Report oferecem uma maneira rápida de avaliar o desempenho dos sites, mas não fornecem a telemetria detalhada por visualização de página que geralmente é necessária para diagnosticar, monitorar e reagir rapidamente a regressões com precisão. Como resultado, é altamente recomendável que os sites configurem seu próprio monitoramento de usuários reais.

Avalie os principais sinais Web Vitals em JavaScript

A maneira mais fácil de medir todos os Vitals da Web principais é usar a biblioteca JavaScript de vitalidade da Web, um pequeno invólucro pronto para produção em torno das APIs da Web subjacentes que medem cada métrica de maneira a corresponder com precisão como são relatados por todos os Ferramentas do Google listadas acima.

Com a biblioteca de recursos vitais da web, medir cada métrica é tão simples quanto chamar uma única função (consulte a documentação para obter detalhes completos de uso e API):

Você também pode gerar relatórios sobre cada um dos Core Web Vitals sem escrever nenhum código usando a Extensão do Web Vitals Chrome. Essa extensão usa a biblioteca de recursos vitais da web para medir cada uma dessas métricas e exibi-las aos usuários enquanto eles navegam na web.

Essa extensão pode ser útil para entender o desempenho de seus próprios sites, dos sites de seus concorrentes e da Web em geral.[/vc_column_text][/vc_column][/vc_row]

Author avatar
Leandro Lopes
https://otimizar.me/
Empreendedor Digital a mais de 15 anos, atuando com empresas de pequeno, médio e grande porte, tive a oportunidade de participar de diversos desafios.
Nós usamos Cookies para entregar uma melhor experiência para você!