Velocidade de site: como ela aumenta suas conversões

Velocidade de site parece assunto de programador. Não é. É assunto de vendas.

O visitante que veio do Google não tem compromisso nenhum com você. Ele tem outras nove opções na mesma tela de resultado, a um toque de distância. Se a sua página não mostrar alguma coisa útil rápido, ele volta e clica no concorrente — e você nunca fica sabendo que ele existiu.

O que "lento" significa na prática

Não é o tempo até tudo carregar. É o tempo até a pessoa conseguir ler alguma coisa e entender que chegou no lugar certo. O Google inclusive mede isso, e chama de tempo até o maior elemento aparecer.

Três referências úteis para calibrar a expectativa: até 2 segundos é bom; entre 2 e 4 já dói; acima de 4 segundos você está perdendo uma fatia grande do público antes do primeiro contato.

E lembre de onde seu cliente está: no 4G, no meio da rua, no celular de três anos atrás. Testar o site no Wi-Fi do escritório, num computador bom, é enganar a si mesmo.

Onde o peso se esconde

Imagens sem tratamento

É a causa número um, com folga. Uma foto tirada no celular tem uns 4 MB. A mesma foto, redimensionada para o tamanho em que realmente aparece na tela e salva no formato certo, tem 150 KB. É a mesma imagem para o olho e trinta vezes mais leve para a rede.

Site com dez fotos assim carrega 40 MB. Isso não é site, é download.

Plugin empilhado

Cada plugin instalado costuma trazer o próprio pacote de código, que carrega em todas as páginas, mesmo nas que não usam aquilo. Um site com 25 plugins carrega 25 heranças em cada visita. Boa parte deles resolve algo que dez linhas de código resolveriam.

Fontes demais

Cada família e cada peso de fonte é um arquivo. Duas famílias com dois pesos cada resolvem qualquer projeto. Seis famílias "porque ficou bonito" custam segundos.

Rastreadores e scripts de terceiros

Pixel de anúncio, chat, mapa incorporado, vídeo do YouTube na primeira dobra. Cada um chama um servidor que não é o seu, e você fica refém da velocidade dele.

Hospedagem barata demais

Existe um piso. Hospedagem compartilhada lotada responde devagar e não tem conversa: nenhuma otimização compensa um servidor que leva um segundo só para começar a responder.

O que dá para fazer sem refazer o site

• Trate as imagens. Redimensione para o tamanho real de exibição e comprima. Sozinho, isso resolve a maior parte dos casos.
• Ative carregamento adiado nas imagens abaixo da primeira dobra: elas só baixam quando a pessoa chega perto.
• Desinstale o que não usa. Desativar não basta em todos os casos; remova.
• Corte fontes. Fique com duas famílias e os pesos que você realmente aplica.
• Tire o vídeo da primeira dobra. Coloque uma imagem que abre o vídeo com um clique.
• Ative cache e compressão no servidor. Costuma ser uma opção no painel da hospedagem.

Velocidade também é SEO

O Google usa a experiência de carregamento como um dos fatores de ranqueamento, especialmente no celular. Então site lento perde duas vezes: aparece menos e converte menos quem aparece. É um dos poucos ajustes que melhoram os dois lados da conta ao mesmo tempo.

Por isso todo projeto que entregamos sai leve por construção, e não otimizado depois às pressas. É bem mais barato não engordar do que emagrecer.