Se você visitar a nossa homepage você provavelmente não vai notar muita diferença no design, mas talvez perceba uma grande diferença de performance. Ela está três vezes mais rápida do que antes.

Porque velocidade é importante

• Desde 2010 velocidade de carregamento de página é um dos fatores mais importantes para o Google na hora de ranquear os resultados.
• Isso não é apenas bom para SEO, mas o Google leva usabilidade em consideração nos leilões de anúncios, influenciando inclusive no custo por clique.
• Baixa velocidade tem influência direta na taxa de conversão. Conversões caem 12% a cada segundo a mais que uma página demora para carregar
• Segundo a Amazon, cada segundo a mais custa para eles $1.6 bilhões por ano.
• Taxas de rejeição aumentam em 50% a cada segundo que uma página demora para carregar.

Quando se deve trabalhar em velocidade de carregamento

Se você estiver apenas com um MVP, testando suas hipóteses para verificar se há mercado para o seu produto, velocidade provavelmente não deva ser a sua principal preocupação.

Mas a partir do momento em que estiver pronto para investir em marketing e ganhar escala, melhorar a performance do seu site deve ser uma das suas principais preocupações.

Como melhorar velocidade

Cada caso é um caso. Nós já tínhamos uma homepage relativamente rápida já que ela é bem simples. O que estava pesando mais eram os requests (quando o navegadores precisa buscar informações em outros arquivos para carregar uma página), principalmente de CSS (o layout da página).

O que nós fizemos:

• Convertemos a imagem de fundo em svg.
• Colocamos todo o CSS dentro d página via servidor, ao invés de vir de um arquivo .css. Navegadores preferem ler o que está na página ao invés de ir buscar em outros lugares, e a velocidade de entrega do servidor é muito mais rápida do que do navegador.
• Limpamos a página de plugins e qualquer coisa que não fosse absolutamente necessária para ela ser visualizada e causar o usuário a clicar no botão principal.

O que ainda poderia ser melhorado

Mesmo a página estando muito rápida, ainda há muito o que melhorar.

• A principal melhoria de velocidade seria usar uma fonte padrão web, como Arial ou Helvética. Ao usar Open Sans através do Google Fonts nós precisamos fazer um request pelo navegador.   
• Essa é uma página que só existe acima da dobra. Se tivesse mais conteúdos, a melhor solução seria fazer o “lazy loading”, que carrega os itens apenas quando o usuário rola a página para baixo.