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 → Google ranqueia pior → menos gente encontra o site → 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.