Velocidade de landing page: quanto ela muda a conversão

Todo mundo concorda que site lento é ruim. Pouca gente sabe dizer quanto ele custa. Sem número, a velocidade vira um item no fim da lista, atrás de “trocar a foto do topo” e “mudar o texto do botão”.

Um estudo de caso publicado pelo web.dev, do Google, em 24 de junho de 2026 dá esse número. E vem de uma empresa que todo founder brasileiro conhece: a Nuvemshop, plataforma com mais de 180 mil lojas.

O que a Nuvemshop mudou e quanto ganhou

O time da Nuvemshop focou numa métrica: o LCP, tempo até o maior elemento da tela aparecer. Comparando lojas brasileiras ativas em janeiro de 2025 e em janeiro de 2026, os resultados foram:

• Páginas com LCP bom: de 57% para 96%. Uma melhora relativa de 68%.
• Páginas aprovadas nas Core Web Vitals: de 48% para 72%. Melhora relativa de 50%.
• Conversão mobile, da sessão ao pedido pago: +8,9%. Medida no tráfego orgânico do Google.
• Engajamento com o carrinho no mobile: +8,4%.

O estudo não traz números de desktop nem das outras duas métricas das Core Web Vitals. Mas, para quem vende pelo celular, o recado é claro.

O problema não era o que eles achavam

A parte mais útil do caso é a admissão do time: “Our initial hypothesis was image weight or server latency. We were wrong.” A hipótese inicial era peso de imagem ou servidor lento. Estava errada.

O problema estava na ordem. Os carrosséis aparecem em 85% das vitrines da Nuvemshop, e a primeira imagem do carrossel costuma ser o maior elemento da tela. Só que o navegador não sabia que ela era a prioridade. Ela esperava na fila como qualquer outra.

As quatro mudanças técnicas

O time fez quatro ajustes. Todos são aplicáveis a uma landing page comum:

1. Tirou animações de entrada da primeira seção. Transições em CSS atrasavam o momento em que o navegador reconhecia a imagem principal.
2. Tirou o carregamento preguiçoso da primeira imagem. O loading="lazy" é ótimo para imagens lá embaixo. Na imagem do topo, ele atrasa justamente o que mais importa. A mudança valeu só para a primeira imagem das primeiras seções.
3. Marcou a imagem principal como alta prioridade. Com fetchpriority="high", e com validação para aplicar só onde o elemento podia ser o maior da tela. Nas palavras do time: “if everything is high priority, nothing is.”
4. Ampliou o cache na borda. Sem servir preço ou estoque desatualizado, monitorando as métricas de negócio.

Nenhuma dessas mudanças exigiu redesenhar a loja. O visual continuou o mesmo. O que mudou foi a ordem em que o navegador busca cada arquivo, e isso bastou para mover a conversão.

Velocidade como métrica de negócio

O caso cita ainda uma pesquisa da Deloitte para o Google, com mais de 30 milhões de sessões em 37 marcas: um ganho de 0,1 segundo na velocidade pode aumentar a conversão no varejo em 8,4%. É um dado de varejo, mas mostra que a relação entre velocidade e venda não é exclusiva da Nuvemshop.

O time fecha com uma frase que vale para qualquer produto: “Fast storefronts aren’t just a technical achievement, they directly drive merchant success.” Página rápida não é só conquista técnica. Ela vende.

Checklist de velocidade para a sua landing page

Uma landing page de founder costuma ter os mesmos vilões de uma vitrine de loja: uma imagem grande no topo, animações de entrada e scripts de terceiros. Antes de investir em qualquer outra coisa, confira:

• A imagem do topo carrega primeiro? Ela não deve ter loading="lazy" e pode receber fetchpriority="high".
• A primeira seção aparece sem esperar animação? Efeito de entrada no topo atrasa o que o visitante vê.
• As imagens têm o tamanho certo para o celular? Servir a imagem de desktop no mobile desperdiça dados e tempo.
• Quantos scripts de terceiros carregam antes do conteúdo? Chat, pixels e mapas de calor somam.
• Você mede com dados de usuários reais? O PageSpeed Insights mostra o LCP de quem visitou sua página, quando há tráfego.
• Você olha a versão mobile primeiro? Foi lá que a Nuvemshop viu o ganho de conversão.

Como fazemos no Studio

[Confirmar: sites do Studio são pensados para o celular desde o primeiro desenho no Figma, e a velocidade entra como requisito, não como ajuste no fim.] [Metas de LCP e Core Web Vitals que o Studio usa como critério de entrega e resultados medidos em sites entregues: Leonel completar.]

Usamos Claude Code e Figma no design e no build. Ajustes como os da Nuvemshop são pequenos no código e grandes no resultado, e cabem em qualquer landing page. O preço é fechado depois do diagnóstico, com prazo escrito no contrato.

Se a sua landing page leva tempo demais para mostrar o que importa, cada segundo está custando cadastros. Um site rápido desde a primeira versão é parte do que o Studio entrega em sites.