Sobre as mudanças dos Core Web Vitals
Tags: webdev, ux, frontend
Published: 2024-03-01 02:03:03

Recentemente, o Google anunciou que irá modificar suas métricas de indicadores de qualidade de páginas web. A empresa anunciou que em maio deste ano, suas métricas do Core Web Vitals, ferramenta que, desde 2020, ajuda desenvolvedores a avaliar e medir a qualidade de experiência do usuário, irão ser alteradas.

## O que são as Core Web Vitals?

As Core Web Vitals são um conjunto de métricas que o Google utiliza para avaliar a experiência do usuário em sites da web. Elas são compostas por três métricas principais:

**LCP** (Largest Contentful Paint): Mede o tempo que leva para o maior elemento visível na tela ser carregado. Uma boa pontuação de LCP indica que o conteúdo principal da página é carregado rapidamente.

**FID** (First Input Delay): Avalia a capacidade de resposta de uma página, medindo o tempo entre a primeira interação do usuário (como clicar em um botão) e a resposta do navegador. Uma baixa pontuação de FID é essencial para garantir uma experiência interativa e ágil.

**CLS** (Cumulative Layout Shift): Esta métrica quantifica a estabilidade visual da página, avaliando a quantidade de mudanças inesperadas de layout que ocorrem durante o carregamento. Um baixo valor de CLS indica que os elementos da página não se movem de maneira inesperada, proporcionando uma experiência de usuário mais consistente.

## Mudança da FID para a INP

Recentemente, o Google anunciou que estará substituindo a métrica FID pela INP, ou Input Timing, como parte das Core Web Vitals. Enquanto a FID se concentra na primeira interação do usuário com a página, a INP vai além, fornecendo uma visão mais abrangente do tempo de resposta da página em relação a todas as interações do usuário, não apenas a primeira.

A INP é composta por duas métricas:

1. **TBT** (Total Blocking Time): Mede o tempo total durante o qual a página está bloqueada e não responde às interações do usuário. Isso inclui não apenas a primeira interação, mas todas as interações subsequentes até que a página esteja completamente interativa.

2. **TTI** (Time to Interactive): Indica o tempo necessário para que a página se torne totalmente interativa e responsiva para o usuário. Isso inclui o tempo até que todos os scripts sejam carregados e executados, permitindo que o usuário interaja livremente com a página.

## Implicações para Desenvolvedores Frontend

A mudança da FID para a INP tem implicações significativas para os desenvolvedores frontend. Enquanto a FID fornecia uma visão limitada da responsividade da página, a INP oferece uma perspectiva mais completa, considerando todas as interações do usuário. Isso significa que os desenvolvedores agora precisarão se concentrar não apenas em otimizar a primeira interação, mas também em garantir que a página seja responsiva e interativa ao longo de toda a sessão do usuário.

Para alcançar pontuações elevadas nas Core Web Vitals, os desenvolvedores frontend precisarão adotar práticas de desenvolvimento que minimizem o tempo de bloqueio total (TBT) e otimizem o tempo até a interatividade (TTI). Isso pode envolver técnicas como carregamento assíncrono de recursos, otimização de scripts e priorização de recursos críticos para o usuário.

Além disso, a transição para a INP destaca a importância de uma abordagem holística para a otimização de desempenho da web. Os desenvolvedores não devem apenas se concentrar em métricas individuais, mas sim em garantir uma experiência do usuário fluida e responsiva em todas as interações com a página.

Em resumo, a substituição da FID pela INP como parte das Core Web Vitals representa uma evolução significativa na forma como o desempenho da web é medido e otimizado. Para os desenvolvedores frontend, isso significa uma mudança de foco para garantir não apenas uma primeira interação rápida, mas uma experiência contínua e responsiva para os usuários ao longo de toda a sessão.