Por que sua Landing Page não converte? Como velocidade (Lighthouse 100) e UX multiplicam suas vendas

O visitante decide em segundos

Quem chega por um anúncio ou pelo Google ainda não confia em você. Se a página fica em branco, pula enquanto carrega ou trava no celular, ele volta para a busca e clica no concorrente. Você pagou pelo clique e perdeu a visita.

Por isso trato velocidade como parte da oferta, não como detalhe técnico. Uma landing page enxuta, em HTML estático, consegue nota 99–100 no Lighthouse, como este site.

Os erros técnicos mais comuns

• Construtores visuais e temas prontos que carregam centenas de KB de CSS e JavaScript que a página nem usa.
• Imagem principal pesada, sem dimensões e sem formato moderno, atrasando o LCP.
• Pixels, chats e widgets de terceiros carregando antes do conteúdo.
• Fontes demais (e sem preload), causando texto invisível ou pulos de layout.

Os erros de UX que derrubam a conversão

• Título que fala da empresa, e não do problema do cliente.
• Botão de ação escondido abaixo da dobra no celular.
• Formulário longo, com campos que você não precisa agora.
• Falta de prova: depoimentos reais, números verificáveis, rosto de quem atende.
• Mais de um objetivo na mesma página, dividindo a atenção.

Como eu construo uma landing page que vende

Começo pelo objetivo (uma única ação), escrevo a hierarquia da mensagem e só depois desenho. No código:

• HTML semântico, CSS enxuto com Tailwind e JavaScript só onde agrega.
• Imagens AVIF/WebP em tamanhos certos e a principal com prioridade alta.
• Fontes locais e subsetadas, sem depender de CDN.
• SEO técnico nativo: títulos, schema, sitemap e metadados para redes sociais.
• Formulário curto, validado e protegido contra spam.

Medir depois de publicar

Uma landing page não termina no ar. Acompanho Core Web Vitals de campo e a taxa de conversão do formulário, e ajusto título, prova e chamada conforme os dados mostram.