Core Web Vitals: o que é e como deixar o site rápido
LCP, INP e CLS explicados em português claro, com os limites oficiais, as ferramentas gratuitas e as correções que mais ajudam.
Core Web Vitals são três métricas do Google que medem como uma página é vivida por quem a abre: LCP mede o tempo até o conteúdo principal aparecer (bom: até 2,5 s), INP mede a rapidez de resposta a toques e cliques (bom: até 200 ms) e CLS mede o quanto a página "pula" enquanto carrega (bom: até 0,1). Um site que fica dentro desses limites é percebido como rápido e estável, principalmente no celular.
Para uma pequena empresa, velocidade não é capricho técnico. Um visitante que espera demais para ver o telefone, ou que toca no botão errado porque a página mudou de lugar, simplesmente vai embora. Este guia explica cada métrica em linguagem simples, mostra como medir o seu site de graça e lista as correções que costumam fazer mais diferença.
O que são Core Web Vitals, em linguagem simples
O Google criou essas métricas para transformar "o site parece rápido?" em números comparáveis. As três métricas atuais são:
| Métrica | O que mede | Bom | Precisa melhorar | Ruim |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Tempo até o maior elemento visível (foto de destaque, título grande) aparecer | até 2,5 s | de 2,5 s a 4 s | acima de 4 s |
| INP (Interaction to Next Paint) | Tempo entre um toque ou clique e a tela reagir | até 200 ms | de 200 ms a 500 ms | acima de 500 ms |
| CLS (Cumulative Layout Shift) | Quanto o conteúdo se desloca sem o usuário pedir | até 0,1 | de 0,1 a 0,25 | acima de 0,25 |
Dois detalhes importantes:
- A avaliação usa o percentil 75. Para a página passar, pelo menos três em cada quatro visitas precisam ficar dentro do limite "bom". Ou seja, não basta ser rápida no seu computador com internet boa.
- O INP substituiu o FID em março de 2024. Se você ler material antigo citando FID, saiba que a métrica oficial de resposta agora é o INP.
LCP: o conteúdo principal demora a aparecer?
O LCP costuma ser a foto grande do topo ou o título principal. Ele piora com imagens pesadas, servidor lento, fontes que bloqueiam a exibição do texto e excesso de scripts carregados antes do conteúdo.
INP: a página responde quando eu toco?
O INP piora quando o navegador está ocupado executando código, geralmente scripts de terceiros, widgets, chats e efeitos visuais. O visitante toca no menu e nada acontece por um instante, o que passa sensação de site travado.
CLS: o botão fugiu do meu dedo?
O CLS mede aquela situação em que você vai tocar num link e um banner aparece em cima, empurrando tudo para baixo. As causas mais comuns são imagens sem tamanho definido, anúncios e avisos inseridos depois do carregamento e fontes que trocam de tamanho quando terminam de carregar.
Por que os Core Web Vitals importam para o seu negócio
O Google usa sinais de experiência de página, entre eles essas três métricas, como parte da avaliação dos resultados. Mas é bom ser honesto: o conteúdo relevante continua pesando mais, e um site rápido não sobe sozinho se não responde ao que a pessoa procura. O ganho maior é com o próprio visitante:
- Menos desistência. Quem procura um serviço no celular costuma abrir mais de um resultado e ficar com o que responde primeiro.
- Menos frustração. Página que não pula e que responde ao toque passa imagem de cuidado.
- Melhor uso do tráfego que você já tem. Se você investe em Perfil da Empresa, redes sociais ou anúncios, um site lento desperdiça parte desse esforço.
Se você ainda está trabalhando a presença no Google como um todo, o guia de como colocar minha empresa no Google mostra as etapas anteriores à otimização de velocidade.
Como medir os Core Web Vitals do seu site
Há dois tipos de dado, e vale entender a diferença:
- Dados de campo: vêm de visitantes reais usando o Chrome. São os que o Google considera na avaliação. Sites com pouco tráfego podem não ter dados suficientes.
- Dados de laboratório: vêm de um teste simulado, feito na hora. São ótimos para encontrar problemas, mas não refletem exatamente a experiência real.
Ferramentas gratuitas:
- PageSpeed Insights: digite o endereço da página. Ele mostra os dados de campo (quando existem) no topo e um diagnóstico de laboratório com sugestões abaixo.
- Google Search Console, relatório de Core Web Vitals: agrupa as páginas do site em "boas", "precisam de melhoria" e "ruins", separando celular e computador.
- Ferramentas do desenvolvedor do Chrome (Lighthouse): útil para testar uma alteração antes de publicar.
Teste sempre a versão para celular primeiro. É nela que os problemas aparecem com mais força.
Como deixar o site rápido: correções que mais ajudam
A boa notícia é que a maioria dos sites de pequenas empresas melhora muito com poucas medidas.
Para melhorar o LCP
- Comprima e redimensione as imagens. Uma foto de celular enviada direto para o site pode ter vários megabytes. Use formatos modernos (como WebP ou AVIF) no tamanho em que a imagem realmente aparece.
- Carregue a imagem principal com prioridade e deixe as demais para quando o visitante rolar a página.
- Use hospedagem rápida e próxima do visitante. Uma rede de distribuição global entrega os arquivos a partir de um ponto perto de quem acessa. O artigo sobre hospedagem de site na Cloudflare explica esse conceito.
- Evite carrosséis gigantes no topo, que carregam várias imagens antes de mostrar a primeira.
Para melhorar o INP
- Corte scripts de terceiros que não são essenciais: widgets duplicados, pixels de rastreamento esquecidos, chats que ninguém usa.
- Prefira páginas simples a efeitos de animação pesados.
- Adie o que não precisa rodar logo, como vídeos incorporados, que podem carregar só quando o visitante tocar.
Para melhorar o CLS
- Defina largura e altura de imagens e vídeos, para o navegador reservar o espaço antes de carregar.
- Não insira banners acima do conteúdo depois que a página já apareceu.
- Cuide das fontes, usando fontes do sistema ou configurando o carregamento para evitar mudanças bruscas de tamanho.
- Reduza avisos sobrepostos. Pop-ups e barras que surgem do nada atrapalham o visitante e a métrica.
Erros comuns ao tentar melhorar a velocidade
- Perseguir nota 100 no teste de laboratório. O que importa é ficar dentro dos limites com visitantes reais. Nota 90 com conteúdo útil vale mais que 100 com página vazia.
- Instalar mais um plugin para resolver lentidão causada por plugins. Muitas vezes, remover é melhor do que adicionar.
- Testar só no computador. O celular costuma ter processador mais fraco e rede mais instável.
- Mudar tudo de uma vez. Faça uma alteração, meça, e siga para a próxima. Assim você sabe o que funcionou.
- Esquecer de medir de novo. Os dados de campo do Search Console levam algumas semanas para refletir uma melhoria.
Core Web Vitals na Agência da Web
A Agência da Web é uma plataforma para criar, editar e publicar sites conversando em português com o Claude, a inteligência artificial da Anthropic, num terminal que roda no navegador, sem código e sem servidor para cuidar. Algumas características ajudam diretamente na velocidade:
- Rede global da Cloudflare: o site é entregue a partir de servidores espalhados pelo mundo, perto de quem acessa.
- Estatísticas sem cookies: você acompanha visitantes, páginas mais vistas e de onde eles vêm sem carregar um script pesado de terceiros e sem o aviso de consentimento de cookies para as estatísticas, o que também evita uma barra sobreposta que prejudica o CLS.
- Correções por conversa: você pode pedir "comprima as imagens da página inicial e defina o tamanho de todas elas" ou "remova o carrossel do topo e deixe só uma foto". A prévia ao vivo mostra o resultado no celular, tablet e computador antes de você pedir "publique o site".
- Backups automáticos, para testar uma mudança sem medo de perder a versão anterior.
Conheça a lista completa de recursos da Agência da Web. E, se você está começando o site do zero, o guia de como criar um site para pequena empresa ajuda a planejar as páginas já pensando em leveza.
Checklist para um site rápido
- Rode o PageSpeed Insights na página inicial e na página de contato, na versão para celular.
- Confira o relatório de experiência no Search Console, separando celular e computador.
- Comprima e redimensione as imagens, começando pela do topo.
- Remova scripts e widgets que ninguém usa.
- Defina o tamanho de imagens e vídeos e evite banners que surgem depois.
- Meça de novo depois de cada mudança.
No fundo, essas métricas medem respeito pelo tempo do visitante. Se quiser um site leve, em rede global, editado conversando com a IA, compare os planos da Agência da Web para pequenas empresas.
Perguntas frequentes
O que são Core Web Vitals?
São três métricas do Google que medem a experiência real de quem abre uma página: LCP (carregamento), INP (resposta aos toques e cliques) e CLS (estabilidade visual).
Quais são os valores bons de Core Web Vitals?
O Google considera bom LCP de até 2,5 segundos, INP de até 200 milissegundos e CLS de até 0,1, medidos no percentil 75 das visitas.
Core Web Vitals influenciam o ranking no Google?
Fazem parte dos sinais de experiência de página que o Google considera, mas a relevância do conteúdo continua pesando mais. Um site rápido não compensa um conteúdo fraco, e vice-versa.
Como testar os Core Web Vitals do meu site de graça?
Use o PageSpeed Insights, digitando o endereço da página, e o relatório de Core Web Vitals do Google Search Console, que mostra os dados de visitantes reais ao longo do tempo.
O que aconteceu com o FID?
O FID foi substituído pelo INP como métrica oficial de resposta em março de 2024. O INP avalia as interações de toda a visita, e não só a primeira.
Na Agência da Web você pede em português, vê a prévia na hora e publica com um pedido. Cada projeto tem site, banco e servidor próprios, na Cloudflare, com backups e estatísticas sem cookies.
Escrito por Equipe Agência da Web, equipe Agência da Web.
