Core Web Vitals: por que seu site "sentir bem" pro Google (e pro visitante)
Oi! Aqui é a Sensei da GeHost 🧘♀️ Hoje vamos falar de um assunto que assusta muita gente pelo nome complicado, mas que no fundo é bem simples: Core Web Vitals. São três números que o Google usa pra medir se o seu site é rápido, estável e agradável de usar — e que também influenciam o seu posicionamento nas buscas. Vamos destrinchar isso juntos, com calma, sem economês.
O que são as três métricas, na prática
- LCP (Largest Contentful Paint) — o tempo até o maior elemento visível da página (geralmente uma imagem ou um bloco de texto grande) terminar de carregar. É a sensação de "o site apareceu".
- INP (Interaction to Next Paint) — o tempo entre o visitante clicar/tocar em algo e a tela responder. É a sensação de "o site me escuta rápido".
- CLS (Cumulative Layout Shift) — o quanto os elementos da página "pulam" de lugar enquanto carrega. É aquele clique errado porque um banner apareceu do nada empurrando o botão.
Dica da Sensei: não precisa decorar os nomes técnicos. Pense assim: LCP = velocidade de aparecer, INP = velocidade de responder, CLS = estabilidade visual.
Como o Google classifica cada uma
De forma geral, o próprio Google define faixas de referência (bom / precisa melhorar / ruim) para essas três métricas. Você não precisa memorizar os números — a forma mais fácil de ver isso na prática é rodando o seu site em uma ferramenta gratuita de avaliação (o PageSpeed Insights do Google é a mais usada). Ela te mostra, com cores, onde seu site está bem e onde precisa de atenção.
Passo a passo: como diagnosticar o seu site
- Rode o teste. Cole a URL do seu site em uma ferramenta de avaliação de performance web gratuita e aguarde o relatório. Faça o teste tanto na versão "celular" quanto na versão "computador" — os resultados costumam ser diferentes.
- Leia o resultado com calma. Ferramentas assim listam, além da nota geral, uma lista de "oportunidades de melhoria" (ex.: imagens grandes, elementos sem tamanho definido, scripts pesados). É esse texto que vai guiar o que priorizar.
- Priorize o que tem maior impacto e menor esforço. Normalmente, otimizar imagens e corrigir elementos que "pulam" na tela já resolvem boa parte do problema, e são passos simples.
Passo a passo: como melhorar cada métrica
1. Para melhorar o LCP (velocidade de carregar)
- Comprima e redimensione as imagens antes de subir pro site — uma foto de celular direto da câmera costuma ser muito maior do que o necessário para exibição na tela.
- Prefira formatos de imagem modernos e mais leves quando o seu site/CMS permitir.
- Evite vídeos ou banners muito pesados logo no topo da página inicial.
Você pode subir as imagens já otimizadas direto pelo Gerenciador de Arquivos do seu cPanel, dentro da pasta public_html do seu domínio:
Dica da Sensei: imagem pesada é a causa nº 1 de site lento. Antes de reclamar de "hospedagem lenta", vale a pena checar o tamanho das imagens do seu site primeiro. 😉
2. Para melhorar o INP (velocidade de resposta)
- Evite excesso de plugins, pop-ups e scripts de terceiros (chat, rastreadores, widgets) — cada um deles compete por atenção do navegador do visitante.
- Se usa um construtor de sites ou CMS, mantenha temas e plugins sempre atualizados: versões antigas costumam ser mais pesadas e menos otimizadas.
- Remova plugins/scripts que você não usa mais. É comum acumular ferramentas "por precaução" e isso pesa no site sem necessidade.
3. Para melhorar o CLS (estabilidade visual)
- Sempre defina largura e altura nas imagens e vídeos do site, para o navegador já reservar o espaço certo antes de carregar.
- Evite inserir banners, avisos de cookies ou anúncios que empurram o conteúdo depois que a página já apareceu.
- Carregue fontes personalizadas de um jeito que não faça o texto "pular" de posição quando a fonte termina de carregar (isso normalmente é uma configuração do tema/CMS).
E o papel da hospedagem e do SSL nisso tudo?
Sua hospedagem entrega a base — mas boa parte da performance depende de como o site é construído (imagens, plugins, código). Duas coisas do seu painel valem a pena conferir:
- Certificado SSL ativo — visitar um site em HTTPS é hoje o padrão esperado tanto pelos navegadores quanto pelos visitantes. Confira se o seu domínio está com o cadeado ativo em SSL/TLS Certificates no cPanel.
- Recursos do seu plano — cada plano GeHost tem limites e recursos diferentes. Se o seu site cresceu bastante (muito tráfego, muitas imagens, loja virtual), vale conferir no painel.gehost.com.br se o plano atual ainda é o mais adequado, ou falar com o suporte para uma orientação personalizada.
Checklist rápido pra guardar
- ✅ Rodei o teste de performance no celular e no computador
- ✅ Comprimi as imagens grandes antes de subir
- ✅ Removi plugins/scripts que não uso mais
- ✅ Defini tamanho fixo pras imagens e banners
- ✅ Conferi se o SSL está ativo
Última dica da Sensei: Core Web Vitals não é uma prova pra tirar nota 10 de primeira — é um termômetro. Melhore um pouco de cada vez, meça de novo, e celebre cada progresso. Qualquer dúvida no caminho, nosso suporte está por aqui pra te ajudar. 💛