📝 Web Observability é um campo de estudo que define as métricas que otimizam a experiência do usuário na web através da performance.

Confira abaixo as métricas de Web Observability recomendadas pelos Core Web Vitals do Google:

🦄 Largest Contentful Paint (LCP)

LCP é a métrica relativa ao carregamento de uma página web — para essa métrica o que importa é o que acontece entre a requisição da página ao servidor e o carregamento do maior elemento visível.

Limite recomendado: ≤ 2,5 segundos.

🦄 Interaction to Next Paint (INP)

INP é o Core Web Vital de interatividade. Mede o tempo entre uma interação do usuário (click, tap, tecla) e o próximo paint visível na tela, considerando todas as interações da sessão e reportando o pior caso (ou um percentil alto).

Reflete bem a experiência real: páginas rápidas no primeiro click mas que travam depois aparecem com INP alto.

Limite recomendado: ≤ 200ms.

🦄 Cumulative Layout Shift (CLS)

CLS visa observar quão fluído é o fluxo de renderização e visualização de uma página web.

Quem aí nunca entrou em um site e do nada, durante ou após o carregamento, pop-ups e conteúdos dinâmicos aparecem? A CLS cria dados que nos ajudam a melhorar isso.

Limite recomendado: ≤ 0,1.

💡 Outras métricas auxiliares relevantes para observability incluem TTFB (Time to First Byte), FCP (First Contentful Paint) e TBT (Total Blocking Time) — úteis para diagnosticar a causa quando um Core Web Vital está fora do limite.