Core Web Vitals: por que performance vende mais que design bonito

É comum um cliente aprovar o design de um site, ficar satisfeito com as cores, a tipografia, as animações, e nunca perguntar quanto tempo a página demora pra carregar. Só que é exatamente esse número que decide se a pessoa do outro lado fica ou sai antes mesmo de ver o design.

O que o Google realmente mede

Desde 2021, o Google usa três métricas, chamadas de Core Web Vitals, como fator direto de ranqueamento. Não são opinião de ferramenta de auditoria, são sinais reais de experiência do usuário:

• LCP (Largest Contentful Paint): quanto tempo até o maior elemento visível da tela (geralmente uma imagem ou o título) aparecer. Acima de 2.5s já é considerado lento.
• INP (Interaction to Next Paint): quão rápido o site responde depois que alguém clica em algo. Se o clique trava, o Google percebe.
• CLS (Cumulative Layout Shift): o quanto os elementos da página 'pulam' enquanto carregam. Aquele clique que erra o botão porque um banner carregou embaixo? Isso.

Por que isso é dinheiro, não só nota de auditoria

Estudos do próprio Google (e de empresas como a Deloitte) mostram uma relação direta entre velocidade de carregamento e taxa de conversão: cada fração de segundo a mais de carregamento tende a reduzir conversão. Isso significa que um site 'bonito, porém lento' está literalmente pagando pra afastar cliente antes de ele ver o produto.

E tem um efeito composto: site lento leva o Google a ranquear pior, o que resulta em menos gente encontrando o site, e menos gente pra converter, mesmo que o site em si converta bem quando alguém chega até ele.

O que realmente move o ponteiro (na prática)

• Imagens otimizadas e servidas no formato certo (WebP/AVIF), no tamanho certo pra cada tela, não a foto de 4MB direto da câmera.
• Fontes carregadas localmente (self-hosted) em vez de depender de uma requisição externa pro Google Fonts toda vez que a página abre.
• Carregar código pesado (bibliotecas 3D, animações complexas) só quando e se for realmente necessário, não no primeiro carregamento da tela.
• Evitar layout que 'pula': reservar o espaço de imagens e blocos antes deles carregarem de verdade.

Nenhum desses pontos é sobre abrir mão de design. É sobre construir o design de um jeito que não sacrifica a experiência de quem está do outro lado da tela, no 4G, no meio da rua, com pressa. É esse o tipo de detalhe técnico que separa um site que parece premium de um site que realmente performa como premium.