Conversão e estrutura digital

O segredo dos melhores sites: velocidade e desempenho impecáveis

Entenda por que a velocidade do site afeta conversão e SEO, o que medem as Core Web Vitals (LCP, INP e CLS) e quais ajustes costumam trazer mais ganho.

Por Henri KubotaPublicado em Atualizado em

Quase todo mundo já fechou uma aba porque a página demorou demais e voltou para a busca para clicar no concorrente. Para quem está do lado da empresa, essa cena tem um custo concreto: o visitante veio por um anúncio pago, por uma busca orgânica ou por uma indicação, e foi embora antes de ver a oferta.

Velocidade não é detalhe técnico. É parte da experiência que decide se a pessoa continua ou desiste.

Por que a velocidade importa para o negócio

  • Conversão: páginas lentas perdem visitantes antes de qualquer argumento ser lido, principalmente no celular e em conexões instáveis;
  • Mídia paga: cada clique de anúncio que abandona a página por lentidão é investimento perdido. No Google Ads, a experiência na página de destino também faz parte da avaliação de qualidade do anúncio;
  • SEO: o Google considera a experiência da página, incluindo as Core Web Vitals, em seus sistemas de ranqueamento. Não é o fator principal, já que relevância do conteúdo vem antes, mas em buscas disputadas pode fazer diferença;
  • Percepção de marca: um site que trava ou “pula” enquanto carrega transmite descuido, mesmo que a empresa seja excelente no que faz.

O que são as Core Web Vitals

As Core Web Vitals são as métricas que o Google usa para medir a experiência real de carregamento e uso de uma página. Hoje são três:

  • LCP (Largest Contentful Paint): quanto tempo o maior elemento visível, como a imagem principal ou o título, leva para aparecer. O Google considera bom até 2,5 segundos;
  • INP (Interaction to Next Paint): quanto tempo a página leva para responder visualmente a uma interação, como tocar em um botão ou abrir um menu. Bom é até 200 milissegundos. O INP substituiu o antigo FID em março de 2024;
  • CLS (Cumulative Layout Shift): o quanto os elementos se movem sozinhos durante o carregamento, aquele botão que muda de lugar na hora do toque. Bom é até 0,1.

Essas referências são avaliadas com base em visitas reais, considerando a experiência da maior parte dos visitantes, e não apenas no melhor caso.

Como medir

  1. PageSpeed Insights: mostra dados de campo, vindos de usuários reais do Chrome quando há volume suficiente, e dados de laboratório, de um teste simulado. Os dois são úteis, mas o de campo é o que reflete a experiência de verdade;
  2. Relatório de Core Web Vitals no Google Search Console: agrupa as páginas do site por situação (boa, precisa de melhorias ou ruim);
  3. Teste no seu próprio celular, fora do Wi-Fi do escritório. Parece simples, mas revela problemas que os relatórios não contam, como um pop-up que cobre a tela inteira.

Comece pelas páginas que mais recebem tráfego e pelas páginas de destino dos anúncios. São elas que concentram o impacto.

O que costuma deixar um site lento

Imagens

É o problema mais comum. Fotos enviadas no tamanho original da câmera, em formatos pesados, carregadas todas de uma vez. O ajuste inclui redimensionar para o tamanho exibido, usar formatos modernos como WebP ou AVIF e aplicar carregamento sob demanda (lazy loading) nas imagens abaixo da primeira dobra. A imagem principal do topo é exceção: ela deve carregar com prioridade, porque costuma ser o elemento medido pelo LCP.

Scripts de terceiros

Pixels de anúncios, ferramentas de análise, chats, mapas de calor, pop-ups e widgets de redes sociais se acumulam com o tempo. Cada um parece leve, mas juntos podem atrasar bastante a resposta da página e piorar o INP. Uma revisão periódica no Google Tag Manager e no código do site, removendo o que ninguém usa, costuma trazer ganho rápido.

Temas e construtores pesados

Temas com dezenas de funções e construtores visuais carregam código que a página não usa. Nem sempre é preciso trocar de plataforma, mas vale desativar recursos desnecessários e evitar acumular plugins para tarefas simples.

Hospedagem e servidor

Se o servidor demora para responder, todo o resto atrasa. Uma hospedagem adequada ao volume do site, com cache configurado e uma CDN (rede de distribuição de conteúdo), reduz o tempo até o primeiro byte e a distância entre o visitante e os arquivos.

Fontes e elementos que se movem

Fontes externas mal configuradas atrasam a exibição do texto. Banners, anúncios e imagens sem espaço reservado empurram o conteúdo e pioram o CLS. Definir largura e altura dos elementos resolve boa parte disso.

Redirecionamentos em cadeia

Um link que passa por dois ou três redirecionamentos antes de chegar à página final perde tempo a cada salto. Isso é comum após migrações de site e em links de campanhas antigos.

Velocidade é processo, não projeto

Um site rápido no lançamento pode ficar lento em poucos meses: um novo plugin, um vídeo no topo, mais uma ferramenta de rastreamento. Por isso vale definir uma rotina de verificação, por exemplo mensal, e um critério simples antes de adicionar qualquer recurso novo: ele melhora a experiência ou a mensuração o suficiente para justificar o peso que traz?

Velocidade também é só uma parte de um bom site. Clareza da oferta, prova, chamadas para ação e formulários simples completam o conjunto. Os outros pontos estão em 10 elementos que todo bom site precisa para gerar resultados.

Conclusão

Os melhores sites não são necessariamente os mais elaborados, e sim os que carregam rápido, respondem ao toque sem atraso e não mudam de lugar enquanto a pessoa lê. Medir as Core Web Vitals, priorizar as páginas que recebem tráfego e manter uma rotina de revisão evita que o investimento em mídia e conteúdo se perca nos primeiros segundos. Para entender como a Ruok organiza sites, páginas de destino e experiência para conversão, conheça a frente de estrutura de conversão.

Próximo passo

Atrair atenção é apenas uma parte do problema.

Se as pessoas chegam até a sua empresa, mas poucas avançam para uma conversa ou proposta, pode existir um gargalo entre mensagem, oferta e processo comercial.

Quero entender por que estou perdendo oportunidades
WhatsApp da Ruok

Antes de abrir a conversa

Deixe seu nome e contato para a Ruok saber com quem está falando. Em seguida, o WhatsApp abre com a sua mensagem.