A velocidade do site é uma das primeiras impressões que o visitante tem da empresa. Antes de ler qualquer texto ou ver qualquer imagem, ele percebe se a página carrega rápido ou não. E muitos desistem antes de descobrir o que a empresa oferece.
Neste artigo, explicamos por que a velocidade afeta vendas e SEO, como medir e o que fazer para melhorar.
Por que a velocidade importa
Experiência e conversão
Páginas lentas aumentam o abandono, principalmente no celular e em conexões móveis. Quem desiste antes de ver a oferta não vira contato. A velocidade também influencia a percepção de qualidade: um site rápido transmite cuidado.
SEO
O Google usa sinais de experiência na página como parte da avaliação dos sites. Velocidade sozinha não coloca um site no topo, mas um site lento parte em desvantagem quando o conteúdo é parecido com o dos concorrentes.
Anúncios
No Google Ads, a experiência na página de destino faz parte da avaliação de qualidade. Uma página lenta pode prejudicar a experiência e as conversões; o custo dos cliques também depende da concorrência, da relevância e de outros fatores do leilão.
O que são os Core Web Vitals
São métricas definidas pelo Google para avaliar a experiência real dos usuários:
- LCP (Largest Contentful Paint): o tempo até o maior elemento visível, como a imagem principal ou o título, aparecer.
- INP (Interaction to Next Paint): o quanto a página demora para responder quando o usuário interage.
- CLS (Cumulative Layout Shift): o quanto o layout se move enquanto carrega, como botões que mudam de lugar.
Como medir
Ferramentas gratuitas como o PageSpeed Insights mostram as métricas do seu site e sugestões de melhoria. O relatório de Core Web Vitals no Google Search Console mostra o desempenho com base em dados reais de usuários.
O que mais deixa um site lento
- Imagens pesadas: fotos enviadas no tamanho original, sem compressão.
- Excesso de plugins e scripts: cada um adiciona arquivos ao carregamento.
- Vídeos no topo da página: bonitos, mas pesados.
- Fontes demais: muitas famílias e pesos tipográficos.
- Hospedagem inadequada: servidores lentos ou sobrecarregados.
- Falta de cache: páginas geradas do zero a cada visita.
Como melhorar
Otimize as imagens
Use formatos modernos como WebP ou AVIF, redimensione para o tamanho exibido e carregue sob demanda as imagens abaixo da primeira tela.
Reduza scripts e plugins
Remova o que não é usado e evite bibliotecas pesadas para efeitos que o CSS resolve.
Configure cache
Cache de página e de objetos reduz o trabalho do servidor e acelera o carregamento.
Escolha uma boa hospedagem
A diferença entre uma hospedagem básica e uma adequada pode ser grande, principalmente em sites com muitas visitas ou lojas virtuais.
Evite mudanças de layout
Defina dimensões para imagens e áreas de anúncios e evite inserir elementos acima do conteúdo depois que a página carrega.
Quando refazer é melhor do que otimizar
Em sites antigos, construídos sobre temas pesados e com muitos plugins acumulados, as otimizações têm limite. Um site novo com base técnica limpa costuma resolver de vez. Na Axis, performance faz parte do projeto desde o início. Veja como funciona a criação de sites.
Checklist de performance
- Imagens em WebP ou AVIF, no tamanho em que são exibidas.
- Carregamento sob demanda para imagens e vídeos abaixo da primeira tela.
- No máximo duas famílias tipográficas, com os pesos realmente usados.
- Plugins revisados, sem duplicidade de funções.
- Cache de página ativo.
- Hospedagem adequada ao volume de acessos.
- Dimensões definidas para imagens e áreas dinâmicas, evitando mudanças de layout.
- Scripts de terceiros, como chats e pixels, carregados de forma assíncrona.
Velocidade em lojas virtuais
Em e-commerce, a velocidade pesa ainda mais, porque o cliente navega por várias páginas antes de comprar: home, categoria, produto, carrinho e checkout. Pequenos atrasos em cada etapa se somam. Catálogos grandes exigem atenção especial a imagens, filtros e cache.
Velocidade em landing pages
Em landing pages de campanhas pagas, cada visitante custou um clique. Uma página lenta desperdiça investimento antes mesmo de mostrar a oferta. Por isso, landing pages devem ser especialmente leves, com o mínimo de scripts e imagens otimizadas.
Como interpretar um teste de velocidade
O PageSpeed Insights combina uma execução controlada do Lighthouse com dados de campo quando há amostra suficiente de visitantes no Chrome. Esses dados respondem a perguntas diferentes. O laboratório ajuda a reproduzir uma situação e encontrar gargalos; os dados de campo mostram a experiência acumulada de usuários reais ao longo do tempo. Uma nota isolada não substitui a análise das páginas e do comportamento do público.
Teste mais de uma URL: a página inicial, uma página de serviço, um artigo e, se houver, uma página de produto ou checkout. O resultado da home não representa automaticamente o restante do site. Faça medições repetidas em condições semelhantes e anote o que mudou entre elas. Extensões, scripts de terceiros e variações de rede podem alterar o resultado.
Priorize pelo impacto no visitante
Comece pela experiência visível, não por cada aviso amarelo do relatório. Se o LCP estiver alto, identifique qual elemento principal demora a aparecer. Muitas vezes é uma imagem hero grande, uma fonte que bloqueia o texto ou uma resposta lenta do servidor. Redimensionar e comprimir a imagem, servir um formato moderno e evitar carregamento tardio do elemento principal pode ajudar. Lazy loading é útil para imagens abaixo da primeira tela, mas não deve atrasar justamente o conteúdo que o usuário precisa ver primeiro.
Para problemas de INP, investigue tarefas longas de JavaScript e scripts que prendem a página quando alguém clica, abre o menu ou aplica filtros. Remova códigos sem uso e revise integrações externas, como chat, mapas, vídeos incorporados e pixels. Para CLS, reserve espaço para imagens, banners e anúncios antes que carreguem e evite inserir conteúdo acima do que já está na tela.
Uma rotina segura de otimização
- Registre a URL, o dispositivo testado, as métricas e a data.
- Escolha um problema prioritário e identifique sua causa provável.
- Altere uma coisa de cada vez, fazendo backup ou usando ambiente de teste quando possível.
- Teste novamente a mesma URL e confirme que menus, formulários, pixels e compras continuam funcionando.
- Acompanhe os dados de campo e as conversões depois da publicação; eles podem demorar a refletir as mudanças.
Evite instalar vários plugins de otimização que fazem a mesma tarefa. Minificação, combinação de arquivos e adiamento de scripts podem causar conflitos com formulários, animações e checkout. A solução correta depende da hospedagem, do tema e das ferramentas usadas no site.
Velocidade e resultado comercial
Uma página mais rápida reduz fricção, mas não corrige uma oferta confusa, um formulário longo ou a falta de confiança. Compare o desempenho com indicadores de negócio, como contatos concluídos, abandono do formulário e compras, considerando o período e o volume de visitas. No Google Ads, a experiência da página é um dos fatores de qualidade, mas não é correto assumir que qualquer atraso aumentará automaticamente o preço de cada clique: o leilão e a relevância também entram na conta.
Se o site recebe tráfego de diferentes regiões, teste a experiência em conexões móveis e avalie cache e distribuição de conteúdo. Se mesmo páginas simples demoram a responder, a hospedagem ou a configuração do servidor pode ser o gargalo. Quando os problemas aparecem em toda a estrutura e cada correção quebra outra parte, uma revisão técnica mais ampla pode custar menos tempo que acumular remendos.
O que verificar antes de mexer no código
Antes de alterar configurações, identifique o que está causando a lentidão. No WordPress, observe se o problema ocorre em todas as páginas ou apenas em uma com galeria, mapa, vídeo ou formulário. Confira o tempo de resposta do servidor, o tamanho das imagens, os scripts carregados e a quantidade de fontes. O painel de rede do navegador e as recomendações do PageSpeed ajudam a localizar recursos que bloqueiam a renderização.
Faça uma cópia de segurança e, quando possível, teste as alterações em uma cópia do site. Atualizações de cache, otimização de CSS e adiamento de JavaScript podem modificar o funcionamento de menus, animações e formulários. Valide os fluxos principais em celular e computador antes de considerar a tarefa concluída.
Imagens: qualidade sem excesso de peso
Não basta converter tudo para WebP: dimensões e contexto também contam. Uma imagem de 3.000 pixels usada em um espaço de 600 pixels transfere dados desnecessários. Gere tamanhos apropriados, mantenha a proporção visual e use versões menores em telas pequenas. Para o elemento principal da primeira tela, priorize carregamento rápido; para imagens abaixo dela, o carregamento sob demanda evita baixar recursos que talvez o visitante nem veja.
Quando pedir ajuda especializada
Se a página cai, o checkout falha ou as mudanças de otimização geram erros, interrompa ajustes às cegas e procure alguém que possa analisar a instalação. Uma revisão profissional é especialmente útil quando a lentidão afeta páginas importantes de venda, há muitos plugins antigos ou o site apresenta problemas recorrentes após atualizações.
O objetivo não é colecionar uma nota alta em uma ferramenta, e sim oferecer páginas estáveis que carreguem bem para o público certo e facilitem o contato ou a compra. Meça, priorize e valide cada melhoria junto da experiência real.
Priorize o que o cliente usa
Depois de identificar a lentidão, valide a experiência no celular e uma rotina de manutenção. Se a estrutura precisa ser reformulada, conheça a criação de sites da Axis. Envie o domínio e os sintomas observados; isso ajuda a diferenciar um ajuste pontual de um novo projeto.
