LOGO UOL HOST

Receba por e-mail as novidades e publicações da Academia UOL HOST

Como perder peso (no browser)

Correr na esteira, caminhar no parque, cortar o chocolate. Essas são algumas das medidas tomadas por quem quer perder uns quilinhos. Mas o que fazer quando seu site está acima do peso? Isso mesmo, sites muito pesados, que demoram para carregar, acabam comprometendo a experiência do visitante e precisam entrar em uma dieta urgente.

O Google já anunciou que a velocidade de um site é um dos principais critérios de posicionamento nos resultados de buscas. Em outras palavras, um site pesado tem poucas chances de aparecer no topo.

Veja os seguintes exemplos práticos. Quando a locadora de filmes online Netflix aumentou o carregamento das suas páginas de 13% a 25%, a taxa de rejeição do site caiu pela metade. A Shopzilla, loja virtual americana, acelerou a velocidade do site em cinco segundos e, consequentemente, a taxa de conversão cresceu 12%.

Convencido de que essa história de perder peso merece muita atenção? Então, conheça quais são os principais erros que sobrecarregam a página de um site e veja como consertá-los:

Alicerce ideal

O problema todo começa logo na construção do site. Muitas vezes, os  webdesigners se preocupam só com o visual do site e deixam o fator velocidade de lado. Excesso de botões gráficos na barra lateral e imagens muito grandes, por exemplo, tornam o site mais pesado. As animações em flash é outro grande vilão. Elas até podem ter um efeito legal, mas demoram para carregar (além de não funcionarem bem em todas as plataformas móveis).

Imagens ideais

Dê muita importância para as imagens que vão ilustrar o seu site. Primeiro, você sempre deve definir a altura e largura. Sem esses atributos, o navegador do visitante é obrigado a calcular o tamanho da imagem, tornando o carregamento mais lento.

Os formatos PNG e JPEG trazem uma série de informações desnecessárias para o usuário deixando as fotos bem pesadas. Você pode comprimir as imagens até um ponto em que elas ainda fiquem visíveis ao visitante. Uma dica prática é transformar todos os arquivos PNG-24 em PNG-8 e todos arquivos JPEGs em JPEGs progressivos.

Códigos HTML

Se a seu site contém muitas páginas e arquivos grandes, prefira carregar o CSS na tag

e o Javascript no atributo “scr” da tag