Você pode ter a marca mais bem construída, o copy mais persuasivo e o design mais bonito. Se o site demora pra carregar, nada disso importa: a pessoa nunca chega a ver.
Isso não é opinião. É o que os Core Web Vitals do Google medem, e é o que decide se um visitante vira cliente ou fecha a aba antes da primeira dobra carregar.
O que são Core Web Vitals, na prática
Três métricas, sem enrolação:
- ✦LCP (Largest Contentful Paint): quanto tempo leva até o maior elemento da tela (geralmente uma imagem ou título) aparecer. Acima de 2,5s, o Google já considera ruim.
- ✦TBT/INP (tempo de bloqueio / responsividade): quanto tempo a página fica "travada" processando JavaScript antes de responder ao clique do usuário.
- ✦CLS (Cumulative Layout Shift): o quanto os elementos da página "pulam" de lugar enquanto carrega, aquele clique errado porque um banner carregou embaixo do botão.
O Google usa essas três métricas pra decidir ranqueamento. Mas o motivo real de se importar não é SEO. É gente de carne e osso desistindo de esperar.
Por que isso é sobre conversão, não sobre tecnologia
Um segundo a mais de carregamento não é só "um segundo". É a diferença entre alguém ver sua oferta e alguém nunca ver. Site lento não perde posição no Google, perde venda antes mesmo de o visitante formar uma opinião sobre sua marca.
Case real: o que mudamos no nosso próprio site
Em vez de dar dicas genéricas, aqui vai o que fizemos no lucianovieira.com quando o PageSpeed mobile caiu pra 73/74.
Três problemas reais, com o mesmo tipo de causa que aparece em quase todo site:
- ✦Um vídeo de fundo decorativo de 2,5MB carregando sempre, mesmo em telas onde ele nem aparecia. Resolvido fazendo o vídeo só carregar quando a pessoa rola até perto dele, e nunca no mobile.
- ✦A fonte do Google bloqueando a primeira renderização da página por quase 2 segundos, porque estava carregando do jeito "padrão", sem carregamento assíncrono.
- ✦Imagens de 5 a 7 vezes maiores do que precisavam ser pro espaço onde apareciam na tela.
Resultado: score subiu de 73 pra 95, entre essas correções e mais alguns ajustes finos (compressão de imagens, remoção de uma chamada quebrada no código), sem tirar nenhuma funcionalidade nem mudar o visual do site.
Os erros mais comuns que deixam um site lento
- ✦Vídeo ou imagem de fundo pesado carregando sempre, mesmo escondido.
- ✦Fontes e scripts de terceiros (analytics, chat, anúncios) carregando antes do conteúdo principal.
- ✦Imagens no tamanho original da câmera ou do design, sem redimensionar pro tamanho real de exibição.
- ✦Scripts de rastreamento (Tag Manager, pixels, anúncios) empilhados sem controle de quando carregam.
Como saber se o seu site está rápido o bastante
Ferramenta gratuita: PageSpeed Insights do próprio Google. Cola a URL, roda o teste no modo "Celular", e olha o número. Abaixo de 50 é urgente. Entre 50 e 89 tem o que melhorar. 90+ é o alvo.
Conclusão
Design estratégico não é só sobre como a marca parece. É sobre o que ela entrega no primeiro segundo de contato. Um site lindo que demora pra carregar é a mesma promessa quebrada de uma marca sem estratégia por trás: bonito, mas não funciona.
Se seu site nunca passou por essa análise, ou se você já sabe que ele é lento e não sabe por onde começar, fala comigo no WhatsApp e a gente analisa junto.
Designer gráfico. Escrevo sobre marca, forma e ofício, o que sustenta uma identidade em qualquer superfície.