O que é Web Vitals e como se preparar em 2021

Otimizar sites para melhorar a qualidade da experiência do Usuário é a chave para o sucesso a longo prazo de qualquer website. Seja você um desenvolvedor, dono de uma empresa ou de um ecommerce, o Web Vitals irá ajudá-lo a identificar as oportunidades de melhorias para seu site.

O que é o Web Vitals?

Os sinais vitais da Web, ou Web Vitals, são uma iniciativa da Google para fornecer orientações com foco em uma grande experiência de usuário na web. Há anos o Google disponibiliza várias ferramentas para medir desempenho dos websites. Alguns desenvolvedores utilizam muito essas ferramentas em seu dia-a-dia, enquanto outros simplesmente as ignoram por achar confusas ou complexas.

A idéia do Web Vitals não é tornar os donos dos sites gurus em desempenho, mas guiá-los para que entendam melhor o que influencia a experiência dos usuários e o que fazer para melhorar essa experiência que agora é uma das mais importantes métricas que influenciarão o ranqueamento do seu site na Web.

As métricas principais do Web Vitals, conhecidas como Core Web Vitals, evoluirão ao longo do tempo, mas de início elas serão trÊs métricas focadas em experiência do

As métricas que compõem os sinais vitais da Web evoluirão ao longo do tempo. O actual conjunto para 2020 centra-se em três aspectos da experiência do utilizador: carregamento do site, interatividade e estabilidade visual, que são definidas pelas seguintes métricas:

Core Web Vitais

• Largest Contentful Paint (LCP): mensurar a performance de carregamento para oferecer uma boa experiência ao usuário. LCP precisa durar no máximo 2,5 segundos a partir do momento que a página começar a carregar;
• First Input Delay (FID): mede a interatividade para oferecer ao usuário uma experiência positiva, as páginas devem ter um FID de 100 milisegundos;
• Cumulative Layout Shift (CLS): mensura a estabilidade visual para oferecer a melhor experiência possível ao usuário. A página deve manter um CLS menor que 0.1.

Mas o que são na prática LPC, FID e CLS?

1. O Largest Contentful Paint, ou simplesmente LCP, basicamente calcula o tempo que o item mais pesado da página, visível ao usuário, carrega. Portanto o tempo de carregamento desse item deve durar até 2,5 segundos.
2. O First Imput Delay, ou simplesmente FID, é o tempo de resposta a um comando do usuário, por exemplo, quando ele aperta um botão que leva a outra página, o tempo que leva para o site responder a esse comando e iniciar o redirecionamento pra página de destino.
3. O Cumulative Layout Shift, ou simplesmente CLS, mensura a estabilidade visual do site, por exemplo, imagine que você está lendo uma notícia em um site de esportes e no meio da leitura o seu texto é deslocado pra baixo e surge uma imagem, isso atrapalha a sua experiência no site e portanto não deve ocorrer.

Web Vitals é importante?

A partir de maio de 2021 o Web Vitals passará a ser considerado pelo Google, como uma dos maiores fatores de ranqueamento. O que isso significa? Que se você quer ter um site no topo do Google tem que correr para atualizar suas métricas Web Vitals ou será passado pra trás pelos seus concorrentes que focarem nessas métricas.

Como otimizar o Web Vitals do seu site?

Mas como resolver o problema de Web Vitals se não tem experiência com desenvolvimento de sites? O primeiro passo é identificar o que precisa melhorar, para isso você vai precisar analisar seu site utilizando ferramentas como o Page Insights do proprio Google, ou o GTMetrix (ambas gratuitas). Uma vez que você identificou os problemas é hora de resolvê-los. O Google criou guias de otimização para os 3 core web vitals (LCP, FID e CLS), o conteúdo está em inglês, mas tem bastante informação importante:

• Otimização para LCP
• Otimização par FID
• Otimização para CLS

Para quem não é tão familiar com desenvolvimento web, existe um curso muito bom no mercado que ensina passo-a-passo o que é necessário para seu site estar totalmente otimizado para o Web Vitals. Esse curso não só aborda cada detalhe como da dicas valiosíssimas desde como carregar recursos somente quando usá-los, até sugerir temas e plugins com código otimizado. Enfim por, menos de R$100 por mês, ou por menos que um cafezinho por dia, você tem o melhor conteúdo de Web Vitals, além de uma comunidade no Facebook pra tirar todas as dúvidas e contato direto com o criador do curso. Eu ADOREI o conteúdo e por isso recomendo de olhos fechado. Se quiser saber mais do curso que estou falando, clique aqui. O Camillo  confia tanto no conteúdo e na didática dele, que dá 7 dias para você testar o curso e se não gostar você pede seu dinheiro de volta. Mas tenho certeza que você não irá devolver pois o conteúdo é muito valioso. Veja abaixo o vídeo no qual ele fala um pouco do contéudo do curso:

Conclusão sobre Web Vitals

O Web Vitals é uma GRANDE oportunidade de melhorarmos o ranqueamento de nossos sites, já que o Google publicamente declarou que o Web Vitals será um dos seus maiores fatores de ranqueamento. Portanto os primeiros que tiverem seus sites otimizados, serão beneficiados saindo na frente dos concorrentes, é a chance de deixá-los pra trás.

=> Quero saber mais informações sobre o curso do Camillo Dantas