O que o LCP de 4 segundos faz à taxa de conversão do teu checkout
Quatro segundos parece pouco. No checkout, é o intervalo entre uma venda fechada e um carrinho abandonado.
O cliente já decidiu comprar. Pôs o produto no carrinho, tirou o cartão da carteira, carregou em finalizar. E depois fica a olhar para um ecrã quase em branco durante quatro segundos.
Esses quatro segundos são o teu Largest Contentful Paint. É o tempo até o maior elemento visível da página aparecer. No checkout, costuma ser o resumo da encomenda ou o botão de pagamento. Enquanto não pinta, o cliente não tem nada para fazer. Só esperar e duvidar.
A dúvida é o problema. Um LCP lento não trava só a página. Trava a decisão de compra que já estava tomada.
O número que devias conhecer
A Google define três faixas para o LCP. Até 2,5 segundos é bom. Entre 2,5 e 4 segundos precisa de melhorias. Acima de 4 segundos é fraco. O teu checkout a 4 segundos está exactamente no pior dos lados dessa fronteira.
E isto não é cosmético. A própria Google publicou que, à medida que o tempo de carregamento passa de 1 para 3 segundos, a probabilidade de o utilizador abandonar a página sobe 32%. De 1 para 5 segundos, sobe 90%. O teu checkout vive precisamente nessa zona de risco.
A Akamai, num estudo de retalho online de 2017, mediu que um atraso de apenas 100 milissegundos baixava a taxa de conversão em 7%. Cem milissegundos. Tu tens quatro mil a mais do que devias.
Porque é que o checkout é o pior sítio para ser lento
Há uma diferença entre uma página de listagem lenta e um checkout lento. Na listagem, o cliente está a explorar. A paciência é maior porque a intenção ainda é difusa.
No checkout a intenção está no máximo e a paciência no mínimo. O cliente já fez o esforço mental de decidir gastar dinheiro. Cada segundo de espera abre uma janela para a hesitação. Lembra-se que não precisa mesmo daquilo. Pensa em comparar preços noutro lado. Recebe uma notificação e sai.
Tu não perdes um visitante curioso. Perdes uma venda que já tinhas ganho.
O que costuma estar a comer os teus 4 segundos
Na maioria dos checkouts lentos, o culpado não é misterioso. É previsível. Vê o padrão habitual:
- Scripts de terceiros que bloqueiam a renderização — chat widgets, pixéis de remarketing, gestores de tags carregados de forma síncrona no topo da página.
- Imagens do produto sem dimensões definidas, sem formato moderno (AVIF ou WebP) e sem lazy loading correcto, forçando o browser a esperar.
- Resposta lenta do servidor — um Time to First Byte alto porque a página é gerada a pedido sem cache, em vez de servida pré-renderizada.
- Fontes web que bloqueiam o texto até descarregarem, deixando o botão de pagamento invisível mais tempo do que devia.
- JavaScript em excesso que tem de ser descarregado, parseado e executado antes de a página ficar utilizável.
Repara num detalhe importante. Quase nenhum destes problemas é sobre o desenho da página. São decisões de engenharia. É por isso que muita gente investe em redesenhar o checkout e a conversão não mexe. O problema nunca esteve na cor do botão.
Como atacar isto a sério
Primeiro, mede com dados reais de utilizadores, não só no teu portátil com fibra. O Chrome User Experience Report e o Search Console mostram-te o LCP que os teus clientes reais sofrem, no telemóvel deles, na rede deles. É essa a verdade que conta.
Depois, identifica o elemento LCP concreto da tua página de checkout. As DevTools do Chrome dizem-te exactamente qual é. Não adivinhes. Otimiza esse elemento primeiro, porque é ele que define a métrica.
- Pré-renderiza ou serve o checkout com cache para baixar o Time to First Byte abaixo dos 800ms.
- Adia ou carrega de forma assíncrona todos os scripts de terceiros — o pixel do Facebook não precisa de bloquear o botão de pagar.
- Serve as imagens críticas em AVIF ou WebP, com dimensões explícitas e prioridade alta no elemento LCP.
- Usa font-display swap para o texto aparecer já, sem esperar pela fonte.
- Corta JavaScript que não é preciso para o primeiro render e divide o bundle.
Vale a pena fazer isto antes de qualquer campanha de tráfego pago. Não faz sentido pagar para trazer clientes a um checkout que os perde nos primeiros quatro segundos. Estás a encher um balde furado.
A conta que ninguém quer fazer
Pega na tua taxa de abandono de carrinho. Cruza com os dados de LCP do Search Console. Se o teu checkout está acima de 4 segundos no telemóvel, parte da tua perda não é objecção de preço nem falta de confiança. É só lentidão.
E a lentidão é o único problema de conversão que se resolve sem mudar uma única palavra da tua copy nem um cêntimo do teu preço. Resolve-se com engenharia. É dos investimentos com melhor retorno que um negócio online pode fazer.
Mede o teu LCP esta semana. Se estiver nos 4 segundos, já sabes onde está a fuga.
- 01web.dev — Largest Contentful Paint (LCP)
- 02web.dev — Core Web Vitals
- 03Think with Google — Find out how you stack up to new industry benchmarks for mobile page speed
- 04Akamai — Online Retail Performance Report (2017)
- 05web.dev — Optimize Largest Contentful Paint
- 06Chrome Developers — Chrome User Experience Report