top of page

Velocidade do site: como medir, entender as Core Web Vitals e melhorar o carregamento

Foto do escritor: Agência Redstack
Agência Redstack
há 5 dias
6 min de leitura

Poucos problemas de marketing digital são tão silenciosos quanto um site lento. Ele não aparece como erro, não dispara alerta e raramente é mencionado pelo cliente. Mas cobra seu preço todos os dias: visitantes que desistem antes de ver a primeira dobra, formulários que não são enviados, anúncios pagos que entregam cliques para páginas que nunca terminam de carregar. A velocidade do site é, ao mesmo tempo, fator de experiência do usuário, de conversão e de posicionamento no Google.

Neste artigo, explicamos como medir a velocidade do seu site da forma correta, o que são as Core Web Vitals, quais são as causas mais comuns de lentidão e, principalmente, o que fazer para melhorar — incluindo quando a solução passa por otimizar o site atual e quando passa por reconstruí-lo em uma base melhor.

A boa notícia é que a maior parte dos ganhos vem de um conjunto relativamente pequeno de ajustes. A má notícia é que muitos deles são ignorados porque ninguém mede.


Por que a velocidade do site importa para o negócio

Há três razões práticas. A primeira é conversão: cada segundo adicional de carregamento aumenta a chance de abandono, especialmente no celular e em conexões instáveis, que são a realidade de boa parte do público brasileiro. A segunda é mídia paga: você paga pelo clique independentemente de a página carregar ou não; páginas lentas transformam investimento em desperdício e pioram o índice de qualidade dos anúncios. A terceira é SEO: o Google usa a experiência da página, incluindo as Core Web Vitals, como um dos sinais de classificação, conforme a documentação oficial do Google Search Central.

Em resumo, velocidade não é um detalhe técnico; é uma alavanca de resultado que afeta todos os canais ao mesmo tempo.


Como medir a velocidade do site corretamente

O primeiro passo é parar de medir pela sensação no seu computador, conectado ao Wi-Fi do escritório. As ferramentas certas simulam condições reais e, melhor ainda, usam dados de usuários reais.

  • PageSpeed Insights a ferramenta do Google que combina dados de laboratório (uma simulação controlada) com dados de campo (o que os usuários reais do Chrome experimentaram nos últimos 28 dias). Olhe sempre os dois, priorizando os dados de campo.

  • Google Search Console: o relatório de Core Web Vitals mostra quais grupos de páginas estão com problemas, com base em dados reais. É o lugar para descobrir se o problema é em uma página ou no site inteiro.

  • Lighthouse (no Chrome DevTools): para diagnóstico detalhado de uma página, com lista de oportunidades e estimativa de ganho.

  • WebPageTest: para quem precisa de análise avançada, com teste em diferentes localidades e dispositivos.

Meça as páginas que importam para o negócio: home, páginas de serviço ou produto, landing pages de campanhas e os artigos de blog com mais tráfego. Teste sempre em mobile, que costuma ser o cenário mais crítico.


velocidade do site

O que são as Core Web Vitals

As Core Web Vitals são três métricas definidas pelo Google para traduzir experiência de carregamento em números objetivos. A página oficial do web.dev detalha cada uma; aqui vai o essencial:

  • LCP (Largest Contentful Paint): mede quanto tempo leva para o maior elemento visível da primeira dobra aparecer, normalmente uma imagem ou um bloco de texto. A meta é até 2,5 segundos.

  • INP (Interaction to Next Paint): mede a capacidade de resposta da página às interações do usuário, como cliques e toques, ao longo de toda a visita. A meta é até 200 milissegundos.

  • CLS (Cumulative Layout Shift): mede a estabilidade visual, ou seja, quanto os elementos "pulam" enquanto a página carrega. A meta é até 0,1.

Uma página passa na avaliação quando pelo menos 75% das visitas ficam dentro das metas em cada métrica. É por isso que os dados de campo importam mais que a nota de laboratório: eles refletem a experiência da maioria, não de um teste isolado.


As causas mais comuns de lentidão

Depois de medir, a pergunta é "por quê". Em nossa experiência com auditorias e migrações, as causas se repetem:

  • Imagens pesadas e sem dimensionamento: fotos de banco de imagens em resolução de impressão, sem compressão e sem formatos modernos (WebP, AVIF), são a causa número um de LCP ruim.

  • Excesso de scripts de terceiros: pixels, chats, mapas de calor, widgets de redes sociais e tags de ferramentas que ninguém usa mais. Cada um adiciona requisições e bloqueia a thread principal, piorando o INP.

  • Fontes web mal carregadas: várias famílias e pesos, sem estratégia de exibição, causam atraso no texto e deslocamento de layout.

  • Plugins e temas inchados: especialmente em sites WordPress com dezenas de plugins, cada um carregando seus próprios arquivos em todas as páginas.

  • Hospedagem inadequada: servidor compartilhado lento ou longe do público, sem CDN e sem cache configurado.

  • Elementos sem dimensão definida: imagens, anúncios e embeds sem largura e altura reservadas fazem o conteúdo pular (CLS).

  • Vídeos em autoplay na primeira dobra: bonitos na apresentação, pesados no celular.


Como melhorar: otimizações de maior impacto

A ordem abaixo costuma trazer o melhor retorno por esforço.

  1. Otimize imagens. Redimensione para o tamanho real de exibição, comprima, use WebP ou AVIF, carregue sob demanda (lazy loading) tudo que está abaixo da primeira dobra e priorize o carregamento da imagem principal.

  2. Faça uma faxina de scripts. Liste todas as tags e scripts de terceiros, remova o que não é usado e adie o carregamento do restante. Centralize o que ficar em um gerenciador de tags com disparo condicional.

  3. Ajuste as fontes. Limite a duas famílias e poucos pesos, hospede localmente quando possível e configure a exibição para que o texto apareça imediatamente com uma fonte de sistema.

  4. Ative cache e CDN. Páginas estáticas devem ser servidas de um cache próximo do usuário; isso reduz o tempo de resposta do servidor de forma significativa.

  5. Reserve espaço para tudo que carrega depois. Defina dimensões de imagens, vídeos, banners e embeds para eliminar deslocamentos de layout.

  6. Reduza CSS e JavaScript não utilizados. Em muitos sites, mais da metade do código carregado não é usado na página em questão.

  7. Simplifique a primeira dobra. Menos elementos, menos animações, uma imagem principal otimizada e o texto mais importante visível sem depender de scripts.

Depois de cada rodada de ajustes, meça novamente e aguarde os dados de campo serem atualizados no Search Console; eles levam até 28 dias para refletir as mudanças.


Plataforma importa: otimizar ou reconstruir?

Há um limite para o que a otimização resolve. Quando o site foi construído sobre um tema pesado, com dezenas de plugins e sem padrão de desenvolvimento, cada melhoria é um remendo que se desfaz na próxima atualização. Nesses casos, reconstruir em uma plataforma com infraestrutura de desempenho nativa costuma ser mais barato do que insistir.

Plataformas modernas como o Wix Studio entregam CDN global, otimização automática de imagens, cache e atualizações de infraestrutura sem que a equipe precise gerenciar servidor ou plugins. Isso não elimina a necessidade de boas práticas no design e no conteúdo, mas tira da sua frente a maior parte dos problemas estruturais. Escrevemos sobre esse cenário em migrar WordPress para Wix Studio e sobre as escolhas de projeto em desenvolvimento de sites modernos.

Se você está avaliando esse caminho, nossa equipe de criação de sites faz a análise do site atual, define o que deve ser preservado (URLs, conteúdo, autoridade de SEO) e conduz a migração com foco em desempenho e conversão. O artigo quanto custa criar um site profissional ajuda a entender o investimento envolvido.


Velocidade e tráfego pago: a conexão que poucos fazem

Se você investe em anúncios, abra o relatório de páginas de destino e compare a taxa de conversão das páginas mais rápidas com a das mais lentas. A diferença costuma ser grande o suficiente para justificar, sozinha, um projeto de otimização. Além disso, a experiência na página de destino é um dos componentes do índice de qualidade do Google Ads, o que significa que páginas lentas pagam mais caro por clique.

Por isso, em nossa gestão de tráfego pago, a auditoria de velocidade das landing pages faz parte do processo inicial. Não adianta otimizar lances para uma página que perde o visitante antes de mostrar a oferta. O artigo sobre como criar uma landing page traz as demais práticas de conversão.


Rotina de monitoramento

Velocidade não é projeto com data de fim. Novos banners, novos plugins, novas tags e novos conteúdos degradam o desempenho aos poucos. Uma rotina simples resolve:

  • Verificação mensal do relatório de Core Web Vitals no Search Console.

  • Teste no PageSpeed Insights sempre que uma página importante for alterada.

  • Regra de aprovação para novos scripts de terceiros: quem pede justifica, e o que não gera resultado é removido.

  • Padrão de publicação de imagens para quem edita o site, com tamanho máximo e formato definidos.


Próximo passo

Melhorar a velocidade do site é uma das ações de maior retorno em marketing digital, porque beneficia SEO, mídia paga e conversão ao mesmo tempo. Se você quer um diagnóstico do seu site atual e um plano claro — otimizar, reconstruir ou migrar — a Redstack pode ajudar com nossa experiência em criação de sites de alto desempenho e na integração com toda a estratégia de marketing. Agende uma conversa com a nossa equipe.

Comentários


bottom of page