Loja lenta queima verba: velocidade e Core Web Vitals no Shopify explicados para quem investe em tráfego pago

Loja lenta queima verba porque o clique já foi pago antes de a página existir. Quando alguém toca no seu anúncio e some antes do produto aparecer, o custo daquele clique fica e a receita não vem — o CPC continua igual e o custo por venda sobe. O Google publicou no Think with Google que a probabilidade de abandono cresce cerca de 32% quando o carregamento vai de 1 para 3 segundos, e dispara conforme o tempo aumenta. Core Web Vitals é simplesmente o jeito do Google medir isso com três números: LCP, INP e CLS.

Por que velocidade é assunto de gestor de tráfego, não só de programador

Faça a conta com números seus. Imagine R$ 20.000 no mês, CPC médio de R$ 2,00 — são 10.000 cliques comprados. Se 15% dessas pessoas desistem antes de a página ficar utilizável, você comprou 1.500 cliques que não viraram nem sessão aproveitável: R$ 3.000 que saíram do caixa e não entraram em lugar nenhum do funil. Nenhum ajuste de lance recupera isso, porque o dinheiro não foi perdido no leilão, foi perdido no destino.

E tem o efeito composto: menos sessões válidas significa menos eventos de conversão para o algoritmo aprender. Campanha com sinal fraco entrega pior, e entrega pior encarece o próximo clique. É por isso que eu trato performance de loja como parte da mídia — a mesma lógica que sustenta o ROI escalável.

Ninguém escala uma campanha boa em cima de uma loja lenta. Você só descobre mais rápido quanto está perdendo.

O que são LCP, INP e CLS

LCP — o tempo até aparecer algo que importa

Largest Contentful Paint mede quanto tempo leva até o maior elemento da área visível terminar de renderizar. Numa página de produto, quase sempre é a foto principal. Se o LCP está em 5 segundos, o cliente ficou 5 segundos olhando para um esqueleto branco depois de clicar no seu anúncio. Meta: até 2,5 segundos.

INP — o tempo até a página responder

Interaction to Next Paint substituiu o antigo FID como métrica oficial do Google em março de 2024. Ele mede a demora entre a pessoa tocar em algo (escolher tamanho, abrir a galeria, apertar Comprar) e a tela reagir. É a métrica que mais denuncia excesso de JavaScript de aplicativos. Meta: até 200 milissegundos.

CLS — o quanto a página se mexe sozinha

Cumulative Layout Shift mede o pulo do conteúdo durante o carregamento. É o banner que aparece atrasado e empurra tudo para baixo bem na hora em que o dedo desce no botão. Além de irritar, gera clique errado e abandono. Meta: até 0,1.

Os três são avaliados no percentil 75 dos acessos reais: não basta ficar rápido no seu iPhone novo com Wi-Fi de fibra, precisa ficar rápido para 3 em cada 4 visitantes, em aparelho comum e rede móvel.

Onde medir de verdade (e por que sua nota engana)

Existem dois tipos de dado, e confundir os dois é o erro mais comum:

• Dado de laboratório — uma simulação rodada agora, num ambiente controlado. É o que gera aquela nota de 0 a 100. Serve para diagnosticar.
• Dado de campo — o que os visitantes reais viveram nos últimos 28 dias, coletado pelo Chrome. É o que o Google usa para dizer se sua página passa ou não nos Core Web Vitals. Serve para decidir.

Onde eu olho, nessa ordem:

1. PageSpeed Insights — a parte de cima da tela mostra o dado de campo; a de baixo, o laboratório. Teste a página de produto, não só a home, porque é para lá que o anúncio manda.
2. Google Search Console, relatório de Core Web Vitals — mostra o site inteiro agrupado por tipo de página. É o mapa de onde o problema é sistêmico.
3. Relatório de velocidade no admin do Shopify — comparativo ao longo do tempo, útil para pegar a queda depois de instalar um app.
4. Teste manual em celular real — modo anônimo, 4G, sem cache. Nenhuma ferramenta substitui esperar você mesmo pela sua loja.

Nota alta não é a meta. Já vi loja com 90 no laboratório e LCP horroroso no campo — e o cliente não sente nota, sente segundo.

O que mais deixa uma loja Shopify lenta

Uma coisa importante: o checkout é hospedado e otimizado pelo Shopify, e raramente é o gargalo. O peso quase sempre está no que você colocou por cima — tema e aplicativos. Na ordem em que eu mais encontro:

• Imagens pesadas. Foto de 3 MB exportada do banco de imagens, servida do mesmo tamanho para celular e desktop.
• Imagens sem largura e altura definidas. Causa direta de CLS: o navegador não sabe quanto espaço reservar e o conteúdo pula quando a foto chega.
• Carrossel ou vídeo automático no topo. O elemento mais pesado da página, exatamente onde o LCP é medido.
• Excesso de aplicativos. Cada app instalado tende a injetar script em toda a loja, inclusive nas páginas onde ele não faz nada. Cinco apps que você não usa mais continuam cobrando pedágio em cada visita.
• Scripts de terceiros. Chat, popup de cupom, roleta de desconto, app de avaliação, mapa de calor. Todos úteis em tese; somados, um freio de mão.
• Pixels duplicados. Pixel do Meta instalado no tema, de novo pelo app e mais uma vez pelo gerenciador de tags. Além de deixar lento, contamina dado de conversão — e dado sujo estraga decisão de campanha, seja no Google Ads ou no Meta Ads.
• Fontes carregadas de vários lugares. Três famílias, oito pesos, dois provedores. Escolha duas fontes e dois pesos.
• Sliders e efeitos do tema. Bibliotecas de animação inteiras carregadas para fazer um texto aparecer suave.

A ordem em que eu conserto

Trabalho sempre de cima para baixo, do que dá mais resultado com menos risco:

1. Auditoria de apps. Liste todos, marque o que gera receita comprovada e desinstale o resto. Desinstalar de verdade, não só desativar — e conferir se sobrou código órfão no tema.
2. Imagens. Redimensione antes de subir, use formatos modernos, entregue tamanhos diferentes por dispositivo e defina largura e altura em tudo.
3. Carregamento preguiçoso, mas com exceção. Tudo que está abaixo da dobra carrega depois; a imagem principal do produto carrega com prioridade. Colocar lazy loading na foto do LCP é o autogol clássico.
4. Topo limpo. Uma imagem no lugar do carrossel. Vídeo só depois do clique do usuário.
5. Scripts de terceiros com atraso. Chat, avaliações e popup entram depois da interação ou de alguns segundos. O cliente não precisa do chat no milissegundo zero.
6. Pixel único e limpo. Um caminho de rastreamento, conferido evento por evento.
7. Tema. Se depois de tudo isso a loja continua pesada, o problema é o tema. Tema leve e bem-feito é investimento, não gasto.

Como isso conversa com o leilão de anúncios

No Google Ads, a experiência da página de destino é um componente declarado do Índice de qualidade — página lenta e irrelevante tende a custar mais caro pelo mesmo lugar. No Meta, a qualidade da experiência de destino também entra nos sinais de entrega, e a plataforma penaliza destinos ruins na prática, mesmo quando não mostra um número na sua frente.

Só que nem precisa desse argumento. A matemática da própria loja já resolve: se metade do público desiste na espera, você está comprando audiência para o concorrente. Quando apresentei o case de ROI 10,48 ao vivo num evento do Meta Business Partners, o pré-requisito nem foi discutido em cima do palco — a loja abria rápido. Anúncio bom não conserta destino ruim, e é isso que separa quem escala de quem só aumenta o orçamento. Se você quer o quadro completo de aquisição, recuperação e recompra, escrevi sobre isso em máquina de ROI no Shopify e em como escalar e-commerce com tráfego pago.

Landing page separada ou a loja mesmo?

Pergunta que aparece toda semana. Minha resposta:

• Landing dedicada quando é campanha de produto único, com oferta e público específicos. Ela carrega leve, tem uma decisão só e não arrasta o peso do tema completo.
• A loja quando é catálogo, remarketing ou campanha de compras do Google. É a loja que sustenta pixel, recompra e a jornada inteira — vale mais deixá-la rápida do que fugir dela.

O que não funciona é usar landing como desculpa para nunca arrumar a loja. Uma hora todo mundo cai lá.

O que eu checo antes de subir qualquer verba nova

• Página de produto abre e fica utilizável em até 2,5 s no celular, em rede móvel.
• Nada pula depois que a página aparece.
• Botão de comprar responde na hora, sem meio segundo de atraso.
• Nenhum app instalado sem função definida.
• Um pixel só, com evento de compra batendo com o Shopify.
• Recuperação ligada para quem sai mesmo assim — geralmente com agentes de IA respondendo em segundos.

É uma lista de seis linhas e vale mais do que qualquer otimização de lance feita em cima de uma loja que demora. Se quiser ver como eu junto performance, marca e operação com IA, comece pela página inicial.

Perguntas frequentes