Core Web Vitals: o que você precisa saber

Já ouviu falar no Google Core Web Vitals?

O Google não está para brincadeira quando o assunto é atualização. Os “updates” começam a ser anunciados e surgem como uma avalanche, podendo penalizar seu site e prejudicar sua aparição nos resultados do buscador.

O que é o Core Web Vitals?

É um conjunto de métricas que serão analisadas no seu site, relacionadas, especialmente,

à experiência do usuário. Basicamente, essas métricas vão decidir se seu site é bom o suficiente para aparecer em boas posições nos resultados da busca.

O Core Web Vitals vai atacar três assuntos: estabilidade visual, tempo de carregamento e interatividade.

Veja mais nos tópicos a seguir.

LCP: tempo de carregamento

Sabe quando você entra em um site e fica esperando um milhão de anos para que ele carregue aquilo que você realmente quer ver? Tipo um e-commerce que demora muito tempo para mostrar todos os produtos da página?

O Google acha isso tão ruim quanto você, e decidiu resolver isso por meio da métrica LCP.

Essa métrica vai medir o tempo de carregamento do elemento mais importante da página.

É um vídeo? É uma imagem? Não importa. O que importa é que esse “objeto” importante seja carregado em menos de 2,5 segundos.

O que altera o LCP?

• Servidor ruim ou sem otimização;

• Bloqueio por JavaScript ou CSS;

• Tempo de carregamento lento: imagens muito grandes, arquivos não compactados;

• Não usar cache;

• Não renderização do conteúdo.

FID: interatividade

Cansou de ficar esperando um tempão depois que você clicou em link dentro de um site? O carregamento demora e você quase quer desistir?

Sites assim serão notados pelo Google, mas no mau sentido. O tempo de espera entre a primeira interação do usuário no site e o início do carregamento da próxima página deve ser menor que 100 milissegundos.

O que altera o FID?

• Javascript com tarefas grandes e mal divididas, com alto tempo de execução;

• Página não otimizada para interaction readiness, TTI não otimizado

• Não usar web worker.

CLS: estabilidade visual

Você entrou no site e começou a rolar a página para baixo. Do nada, aparece um pop-up que atrapalha sua navegação.

Pior: você vai clicar em um botão e ele, simplesmente, altera a posição na página, impedindo seu clique ou colocando qualquer outra coisa no seu lugar. Já estou irritada só de pensar. E o Google também.

Imagens mal posicionadas, propagandas inesperadas ou qualquer interrupção de uma navegação fluida colocarão seu site em maus lençóis.

O cálculo para avaliação da página será o movimento dos elementos de acordo com o tamanho da janela. Para ser considerado um bom site, a pontuação precisa ser 0,1.

O que altera o CLS?

• Um layout sem as medidas corretas dos elementos na programação;

• Banners, imagens e animações com dimensões não determinadas;

• Mudanças inesperadas de layout e conteúdo;

• Web fontes com alterações inesperadas;

• HTML mal compactado.

Como medir o Core Web Vitals do meu site?

Já há ferramentas que podem ajudar você com isso. Veja abaixo o que elas fazem.

Lighthouse

Extensão do Google Chrome que mede performance e qualidade por meio de testes.

PageSpeed ​​Insights

Essa ferramenta mostra a velocidade de carregamento da página e os erros que podem interferir na rapidez do site.

Google Search Console

A ferramenta de Marketing de Conteúdo e SEO já tem uma sessão que atinge o Core Web Vitals. É só acessar o menu “Principais Métricas da Web”.

Extensão Web Vitals Chrome

Mais uma extensão especial que o Chrome oferece. Essa foi feita especialmente para analisar LCP, FID e CLS.

O Google diz que, quando um site está com bons resultados no Core Web Vitals, há 24% menos chances de um usuário abandonar sua página.