Core Web Vitals

Core Web Vitals são métricas que o Google usa para medir a experiência real de quem visita um site, com dados coletados de navegadores Chrome. Entram como um dos sinais de ranqueamento e, mais importante, refletem se o visitante desiste antes de ver a página.

Como funciona

As três métricas são: LCP (Largest Contentful Paint), o tempo até o maior elemento visível aparecer, com meta abaixo de 2,5 s; INP (Interaction to Next Paint), o tempo de resposta a cliques e toques, com meta abaixo de 200 ms; e CLS (Cumulative Layout Shift), quanto o layout pula enquanto carrega, com meta abaixo de 0,1. Imagens pesadas, fontes e scripts de terceiros são as causas mais comuns de nota ruim.

Exemplo prático

O site de uma indústria tinha LCP de 5,8 s no celular por causa de uma foto de 4 MB no topo e três scripts de chat e rastreamento. Com a imagem em WebP responsivo, fonte pré-carregada e scripts adiados, o LCP caiu para 1,9 s e a taxa de contato pelo celular subiu.

Erros comuns

• Medir só no computador do escritório, com internet rápida.
• Instalar vários plugins e widgets de terceiros no topo da página.
• Não reservar espaço para imagens e banners, o que faz o layout pular.