Quando comecei a vender online, eu achava que a velocidade da página era um problema do desenvolvedor. Foi assim até a minha loja perder posições nos resultados de busca, mesmo sem ter mudado o conteúdo. Foi aí que sentei e aprendi o assunto do zero. Acontece que o Google tem um conjunto de três métricas que medem a experiência real dos seus clientes, chamado Core Web Vitals. Entender esses três números não é difícil, e eles dizem se a sua loja parece rápida ou lenta aos olhos dos seus clientes — e aos olhos do Google.
Neste artigo vou explicar as três métricas em linguagem simples, com os limites “bons” que o Google divulga, e depois falar sobre por que elas importam para o ranqueamento e para o faturamento.
O que são Core Web Vitals
De forma simples, os Core Web Vitals são três medidas que o Google usa para julgar o quanto uma página é rápida e fluida quando pessoas reais a utilizam. Elas não são medidas em uma máquina de laboratório ideal, mas nos celulares e nas redes reais de quem visita a sua loja.
As três métricas são LCP (a página aparece rápido), CLS (o layout fica pulando) e INP (responde na hora quando você toca). Cada uma corresponde a uma sensação específica que o cliente tem ao abrir a página.
O Google pontua com base no percentil 75 — ou seja, 75% das visitas — e separa o mobile do desktop. Em outras palavras: a maioria dos seus clientes precisa achar a página aceitável para que ela conte como “boa”, não apenas algumas visitas de sorte.
LCP — a página aparece rápido ou devagar
LCP é Largest Contentful Paint, o momento em que o maior elemento da tela aparece. Geralmente é a imagem do banner no topo da página, a imagem principal do produto ou um bloco grande de título. Quando o cliente vê isso, ele sente que a página terminou de carregar.
Segundo o Google, o limite bom é abaixo de 2,5 segundos. Acima de 4 segundos é considerado ruim. Qualquer coisa entre os dois é “precisa melhorar”.
Imagine um cliente tocando no link de um produto a partir de um anúncio no Facebook, parado no meio da rua esperando diante de uma tela branca em branco. Cada segundo que passa é uma fatia da chance de ele ir embora. Para lojas de moda ou cosméticos — onde as imagens costumam ser pesadas — o LCP é o ponto mais fácil de ficar lento.
As coisas que costumam puxar o LCP para baixo: imagens pesadas demais e sem compressão, apps demais rodando em segundo plano quando a página abre, ou um tema que carrega todo tipo de coisa desnecessária antes de mostrar o conteúdo principal.
CLS — o layout fica pulando
CLS é Cumulative Layout Shift, que mede o quanto os elementos se mexem durante o carregamento. Segundo o Google, o limite bom é abaixo de 0,1.
Esse é o incômodo com que todo mundo já se deparou. Você está prestes a tocar em “Adicionar ao carrinho” e, de repente, um banner ou uma imagem que carrega devagar se encaixa ali, empurrando o botão para baixo, e o seu dedo acaba tocando em outro lugar por engano. Às vezes você toca em um anúncio sem querer. Isso é exatamente o que é um deslocamento de layout.
O menu é um culpado conhecido. Se a barra de navegação carregar depois do conteúdo, ela pode empurrar tudo o que está abaixo justo na hora em que o cliente está lendo ou tocando. O cliente não sabe nomear essa sensação, mas vê uma página bagunçada e perde a confiança.
A maneira usual de reduzir o CLS é reservar espaço com antecedência para imagens, banners e menus, de modo que, ao carregarem, eles preencham o espaço já separado sem empurrar o resto para os lados. Na hora de escolher um app de menu, prefira um que não faça o conteúdo pular quando aparece.
INP — responde na hora quando você toca
INP é Interaction to Next Paint, que mede o atraso entre o momento em que o cliente interage (toca, encosta, digita) e o momento em que a tela responde. Segundo o Google, o limite bom é abaixo de 200 milissegundos.
Um detalhe que vale lembrar: o INP substituiu oficialmente o FID (First Input Delay) no conjunto dos Core Web Vitals em 12 de março de 2024, de acordo com o Google. O motivo é que o FID media apenas a primeira interação, enquanto o INP acompanha todas as interações ao longo da sessão inteira — algo mais próximo da realidade. Se você ler documentação mais antiga que ainda menciona o FID, o número com que se importar agora é o INP.
O INP está muito ligado à sensação de “essa página está lenta”. O cliente abre o menu hambúrguer no celular, toca uma vez e, meio segundo depois, o menu finalmente se abre. Nesse meio segundo ele acha que o aparelho travou, toca de novo e fica frustrado. Quanto mais código um menu roda em segundo plano, pior fica esse atraso.
Foi nesse momento que comecei a prestar bastante atenção ao app de menu que eu tinha instalado. Troquei pelo Navi+ (naviplus.io) em parte porque ele é otimizado para não deixar a página lenta. Com um menu Tab Bar na parte de baixo do mobile ou um Slide Menu, o quão responsivo ele parece quando o cliente toca diretamente afeta o INP, então um app leve facilita manter esse número sob controle.
Por que você deveria se importar com os Core Web Vitals: SEO e faturamento
A pergunta direta: vale a pena se preocupar com esses três números, ou eles são só uma questão técnica?
Valem. O Google confirmou que a experiência da página, que inclui os Core Web Vitals, é um fator de ranqueamento. Não é o fator mais importante — bom conteúdo continua sendo a base — mas quando duas páginas têm um conteúdo igualmente bom, a velocidade pode ser o fator que ajuda o Google a escolher qual colocar no topo. Uma loja lenta pode facilmente perder para uma página mais rápida exatamente nas palavras-chave em que você está competindo.
O efeito em cadeia é bem simples: uma loja lenta ranqueia mais abaixo, uma posição mais baixa significa menos tráfego orgânico, e menos tráfego significa menos pedidos. Para quem vende apoiado fortemente em SEO em vez de anúncios, essa é uma fonte gratuita de clientes que você não quer deixar vazar.
A velocidade não afeta só o ranqueamento, afeta também a taxa de conversão. A taxa média de abandono de carrinho no e-commerce gira em torno de 70%, segundo o Baymard Institute (um número compilado a partir de 50 estudos). Há muitas causas, mas uma página que carrega devagar ou trava certamente não ajuda. Quando o cliente já chegou ao carrinho e ainda precisa esperar, ou toca na coisa errada porque o layout pulou, as chances de ele ir embora aumentam.
A parte tranquilizadora é que essas três métricas são mensuráveis e melhoráveis. Você não precisa adivinhar. Vá ao Google Search Console ou ao PageSpeed Insights, digite a URL da sua loja, e a ferramenta vai mostrar onde estão o LCP, o INP e o CLS, e onde eles estão no vermelho.
Uma ordem prática para quem tem pressa:
- Verifique se as imagens estão pesadas demais (afeta o LCP).
- Revise os apps que você instalou, procurando os que rodam muito código em segundo plano (afeta o INP).
- Verifique se menus e banners fazem o conteúdo pular quando carregam (afeta o CLS).
Muitas lojas acumulam apps ao longo do tempo, e o menu aparece em todas as páginas — então um app de navegação leve que não empurra o layout é um investimento que vale a pena considerar.
Você não precisa se transformar em engenheiro. Basta entender o que os três números dizem sobre como os seus clientes se sentem, conferi-los periodicamente e, ao escolher ferramentas — especialmente um app de menu que aparece em todas as páginas —, prestar atenção se ele está deixando a sua loja lenta.
Este artigo faz parte do guia maior sobre Navegação e velocidade de carregamento — escolhendo um app de menu que não prejudique os Core Web Vitals.