As Web Vitals do Google são métricas de experiência que medem o desempenho de um site e a qualidade da experiência do usuário. Em junho de 2021, o Google planeja lançar uma melhoria para suas métricas de experiência do usuário, chamada Core Web Vitals, com foco em velocidade de carregamento, interatividade e estabilidade visual. Essas Core Web Vitals são: Cumulative Layout Shift (CLS), First Input Delay (FID), Largest Contentful Paint (LCP), Interaction To Next Paint (INP) e Time to First Byte (TTFB).
Core Web Vitals são importantes porque representam um conjunto comum de métricas e parâmetros de referência usados em diversos serviços do Google e que impactam diretamente o posicionamento nos resultados de busca. Ao medir e otimizar seu site para as Core Web Vitals, você também melhora a experiência geral do usuário.
CLS
O CLS mede a estabilidade visual do conteúdo de uma página, contabilizando a soma total de todas as pontuações individuais de mudança de layout para cada mudança inesperada que ocorre durante toda a vida útil da página. Uma mudança de layout acontece quando um elemento muda de posição devido ao carregamento de recursos em uma etapa posterior do ciclo de vida da página, empurrando o conteúdo abaixo dele para baixo. Por exemplo, um usuário está fazendo compras online e, no momento em que tenta clicar no botão "adicionar ao carrinho", um anúncio é carregado acima do botão, empurrando-o para baixo. Essa mudança de layout faz com que o usuário clique acidentalmente no anúncio em vez do botão "adicionar ao carrinho". Um CLS baixo pode ajudar a garantir que seus usuários tenham uma experiência positiva em seu site e consigam realizar rapidamente o que vieram fazer.
FID
O FID mede o atraso na interatividade e na capacidade de resposta. É o tempo decorrido entre o momento em que o usuário interage com o seu conteúdo clicando em um link, tocando em um botão ou pressionando uma tecla e o momento em que o navegador processa essa interação. O FID contabiliza apenas o atraso, não o tempo necessário para processar o evento ou o tempo que a interface do usuário leva para atualizar. Um atraso geralmente ocorre porque o navegador está ocupado carregando o restante do conteúdo da página e ainda não pode responder à interação do usuário. Um FID curto pode aumentar a probabilidade de o usuário permanecer na página e interagir com o seu conteúdo. Atualmente, a maioria dos sites apresenta um bom desempenho na medição do FID.
Observação:
O zoom e a rolagem não são medidos pelo FID.
LCP
O LCP mede o tempo necessário para o maior elemento visível na página carregar em relação ao momento em que a página começou a carregar. À medida que diferentes elementos são carregados, o LCP pode mudar. O navegador para de medir o LCP quando o usuário começa a interagir com a página, já que as interações normalmente alteram o que é visível para o usuário. Uma velocidade de carregamento rápida pode tranquilizar o usuário, indicando que a página é útil, pois ele consegue começar a visualizar o conteúdo rapidamente.
Elementos que podem ser o LCP:
- <img>
- <image> dentro de um <svg>
- <video>
- Elemento com imagem de fundo carregada usando a função url() em vez de um gradiente CSS
- Elementos de nível de bloco que contêm nós de texto ou outros elementos de texto embutidos
Observação:
À medida que o Google expande suas Core Web Vitals, indicou que <svg> e <video> podem ser incluídos como elementos usados para medir o LCP no futuro.
INP
O INP refere-se à forma como a página responde a interações específicas do usuário, programadas na métrica geral de INP, medida pelos dados de laboratório e de campo do Google Chrome. O INP foi projetado para representar o atraso geral de interação de uma página. Ele faz isso a partir de uma amostra das interações mais longas que ocorrem quando um usuário visita a página. Por exemplo, se uma página tiver menos de 50 interações no total, o INP considera a interação com o maior atraso absoluto. A medição do INP representa quanto tempo um usuário precisa esperar para interagir com toda a página. Isso contrasta diretamente com o FID (First Input Delay).
O INP preocupa-se com os seguintes tipos de interações:
- Qualquer clique do mouse em um elemento interativo.
- Qualquer toque em um elemento interativo em qualquer dispositivo que inclua uma tela sensível ao toque.
- Pressionar uma tecla em um teclado físico ou virtual.
A documentação do web.dev do Google explica que um bom valor de INP é em torno de 200 milissegundos ou menos.
Notas:
- O INP substituirá o FID em março de 2024. A pontuação do INP não afetará o CWV até março de 2024. No entanto, em preparação para essa transição, o Google começou a informar os proprietários de sites quando problemas com o INP forem detectados.
- Antes do anúncio do Google, a Guesty Websites já havia começado a trabalhar nessa métrica. Como resultado, muitos sites já têm uma boa pontuação no INP, embora continuemos a otimizá-lo.
- Continuamos aprendendo sobre o INP e identificando as melhores práticas tanto para operações de back-end quanto para criadores de sites. Informaremos sobre as melhores práticas que você pode implementar à medida que aprendermos mais. Enquanto isso, se você receber uma notificação do Google relatando problemas de INP em seu site, revise-o para garantir que esteja seguindo as melhores práticas atuais (para obter informações detalhadas sobre as melhores práticas, consulte Otimize seu site para as principais diretrizes da Web).
- Fique tranquilo, a Guesty está trabalhando ativamente na otimização dessa pontuação e estamos confiantes de que estaremos prontos para o lançamento oficial em março de 2024. Caso tenha alguma dúvida sobre sua pontuação INP antes dessa data, recomendamos consultar um especialista em SEO para obter mais assistência.
TTFB
TTFB mede o tempo que leva para o primeiro byte ser transferido pelo servidor.
Há muito tempo se suspeita que o TTFB (Tempo até o Primeiro Byte) seja um fator determinante para ganhos significativos de desempenho, o que significa que é uma prioridade que os profissionais de SEO devem priorizar em sua otimização como parte do processo de SEO.
Como medir as Core Web Vitals
Ao medir as Core Web Vitals, você pode usar dados de laboratório ou de campo. Os dados de laboratório são coletados por ferramentas que simulam o carregamento e a interação de uma página. Os dados de campo são coletados da interação de usuários reais com seu site. Recomendamos que você use métricas do mundo real, como o Monitoramento de Usuários Reais (RUM), em vez de testes de laboratório, para otimizar seu site com mais precisão. O conjunto de dados CRuX do Google pode ser usado para medir seu site e é uma ótima opção, pois é o que o Google usa para medir as Core Web Vitals.
Tanto o CLS quanto o LCP podem ser medidos em laboratório ou em campo. O FID só pode ser medido em campo, pois requer a interação de um usuário real com o conteúdo. Recomendamos fortemente que você teste todas as páginas do seu site.
As seguintes ferramentas podem ser usadas para medir as Core Web Vitals:
Ferramentas de campo
- (Recomendado) Relatório de experiência do usuário do Chrome
- Informações do PageSpeed
- Search Console (relatório Core Web Vitals)
- Biblioteca JavaScript Web-vitals
Ferramentas de laboratório
Observação:
A ferramenta de teste de páginas da Web do Google não é mais recomendada pelo setor.
Para saber mais sobre as diferenças entre o Lighthouse e o Core Web Vitals, consulte a comparação entre o Lighthouse e o Core Web Vitals.
Pontuações ideais
Para que uma página do seu site seja considerada aprovada, ela precisa atingir todas as seguintes métricas no 75º percentil:
- CLS. Pontuação de mudança de layout de 0,1 ou menos
- FID. 0,1 segundos ou menos
- LCP. 2,5 segundos ou menos
Atualmente, apenas 20% dos sites atendem aos três critérios. Para saber como otimizar seu site, consulte Otimize seu site para os principais indicadores vitais da web.