A lentidão de um site quase nunca vem de um mistério técnico: vem de três itens que dá para medir, a imagem enviada sem tratamento, a fonte carregada de outro servidor e os scripts de medição. Saber quanto cada um pesa mostra onde vale mexer primeiro.
Quem espera é o cliente, no celular dele
O dono da empresa costuma abrir o próprio site no computador do escritório, com internet de fibra e a página já guardada no navegador. Ali tudo parece rápido. O cliente abre o mesmo endereço pela primeira vez, no celular, no 4G, às vezes parado no trânsito ou com o sinal oscilando dentro de um prédio.
É para essa segunda situação que a velocidade importa. Enquanto a página não aparece, o visitante não lê o título, não vê o serviço e não encontra o botão de WhatsApp. E o caminho de volta para o resultado do Google, onde estão os concorrentes, fica a um toque do polegar.
A boa notícia é que a lentidão raramente é misteriosa. Na maior parte dos sites de empresa ela vem de três itens, e todos podem ser medidos.
A foto enviada do jeito que saiu da câmera
A imagem é, de longe, o item mais pesado de uma página, e o mais fácil de corrigir. Um exemplo medido aqui mesmo, na capa deste artigo: a foto original, baixada do banco de imagens, tinha 4310 por 3134 pixels e 7,7 MB. Depois de redimensionada para 1200 por 630, o tamanho em que ela é exibida, e convertida para o formato WebP, ficou com 31,9 KB. A versão para celular, com metade da largura, tem 10,7 KB.
Na tela, a diferença entre as duas não aparece. Em peso, a original é mais de 200 vezes maior. Colocada direto na página, ela obrigaria o celular do visitante a baixar 7,7 MB para mostrar uma imagem que ocupa a largura da tela.
Isso acontece o tempo todo em sites montados em painel: alguém sobe a foto do celular ou do fotógrafo, o sistema aceita, a página parece normal no escritório e fica pesada para todo o resto. A correção é um processo, não uma ferramenta:
- Redimensionar para o tamanho exibido. Uma foto que aparece com 1200 pixels de largura não precisa ter 4000.
- Converter para WebP, que guarda a mesma imagem com bem menos peso do que JPG ou PNG.
- Ter uma versão menor para celular, para que o telefone baixe só o que cabe na tela dele.
- Adiar as imagens que estão mais abaixo na página, para que elas só carreguem quando o visitante rolar até lá.
A fonte que vem de outro servidor
Muitos sites usam fontes do Google Fonts, que é gratuito e prático. O custo aparece na conexão: o navegador primeiro busca o arquivo de estilo em um endereço do Google e só depois descobre onde estão os arquivos da fonte, em outro endereço. São dois servidores novos, cada um com a sua etapa de conexão, antes de o texto ficar com a cara certa.
Medimos isso no nosso próprio site, numa conexão 4G simulada: com a fonte vindo do Google, ela só ficava pronta aos 9,2 segundos. Nesse momento o título principal era redesenhado com a fonte nova, e o navegador passava a contar esse redesenho como a hora em que o conteúdo principal apareceu. O resultado era um LCP de 6,6 segundos, contra 1,9 segundo nas páginas sem esse efeito. LCP é a medida que o Google usa para saber quanto tempo o maior elemento visível da página leva para aparecer.
A solução foi hospedar a fonte no próprio domínio e pedir antes os dois pesos que aparecem no topo da página. O arquivo da fonte no peso normal, só com o alfabeto latino básico, tem 47 KB; a versão com o conjunto estendido de caracteres tem 83 KB e fica para quando for necessária. Servida do mesmo domínio, a fonte chega junto com o restante do visual.
O script de medição e os que vêm junto
Todo site que quer saber de onde vêm os contatos precisa de medição, e ela tem peso. O container do Google Tag Manager do nosso site, que carrega o Google Analytics e as conversões do Google Ads, transfere cerca de 125 KB compactados. Descompactado, são cerca de 373 KB de código que o celular precisa ler e executar.
Isso não é motivo para tirar a medição: sem ela, a empresa não sabe quais páginas e quais anúncios trazem cliente. O que pesa de verdade é o acúmulo. É comum encontrar sites com o Tag Manager, o código do Analytics colado à parte, um pixel antigo de uma campanha encerrada, um chat que ninguém responde e um plugin de avaliações, cada um com seus próprios arquivos.
A regra prática: uma única porta de entrada para a medição, normalmente o Tag Manager, carregada sem travar a exibição da página, e uma revisão periódica do que está lá dentro. Script de ferramenta que a empresa não usa mais deve sair.
Como medir o seu site sem depender de ninguém
O PageSpeed Insights, ferramenta gratuita do Google, mostra a velocidade de qualquer endereço. Alguns cuidados ajudam a ler o relatório sem se assustar nem se enganar:
- Olhe a aba de celular, não a de computador. É no celular que está a maior parte de quem procura serviço local.
- Procure o LCP, não só a nota de 0 a 100. A nota varia de um teste para outro; o LCP diz quanto tempo o visitante espera para ver o principal.
- Leia a lista de oportunidades. Quando aparecem imagens a redimensionar, fontes bloqueando a exibição ou código não usado, são justamente os três itens deste artigo.
- Teste as páginas que recebem visitante: a página inicial, as de serviço e as que recebem anúncio. Uma política de privacidade lenta não atrapalha ninguém.
Velocidade não vende sozinha
Um site rápido com texto confuso continua sem gerar contato. A velocidade tira o obstáculo da frente; quem convence é o conteúdo, as fotos de trabalho real, a prova de que a empresa existe e o botão de contato fácil de achar.
Por isso a ordem de prioridade costuma ser simples. Primeiro, tratar as imagens, que dá o maior ganho com menos esforço. Depois, a fonte, se ela vier de outro servidor. Por último, revisar os scripts que se acumularam com o tempo. Para quem anuncia, vale começar pelas páginas que recebem o clique pago, já que cada segundo de espera ali é um clique pago que pode não virar conversa, como explicamos em landing page ou site institucional.
Perguntas frequentes
Influencia como um dos sinais de experiência da página, junto de vários outros. Ela não coloca um site fraco no topo, mas uma página muito lenta perde visitantes antes mesmo de eles lerem o conteúdo.
A referência do Google para o LCP, o tempo até o maior elemento visível aparecer, é ficar abaixo de 2,5 segundos. Mais importante que perseguir uma nota é saber o que está atrasando a página e corrigir os itens mais pesados.
Às vezes ajuda, mas raramente é a causa principal. Se a página tem fotos de vários megabytes e scripts acumulados, ela continua lenta em qualquer servidor. Vale medir antes: o relatório do PageSpeed Insights mostra se o atraso está na resposta do servidor ou no peso da página.
Deixa um pouco, mas a empresa perde a informação de quais páginas e anúncios trazem cliente. O caminho melhor é manter uma única entrada de medição, como o Tag Manager, carregada sem travar a página, e remover as ferramentas que não são mais usadas.
