Velocidade do Site | Dica Importante de Seo

Olá leitores do Empresa Seo,

Desde 2009, os profissionais de SEO ficaram sabendo que o Google se preocupa com o tempo de carregamento de sites e que isto foi incluído como um item no algoritmo de rankeamento.

Já que esse fator é tão importante para o bom rankiamento de um site, decidimos trazer algumas dicas, para deixar sua página mais leve e otimizada:

13 Dicas para Deixar Páginas Web Mais Leves

Como vimos no início do artigo, páginas com tempo de carregamento otimizado tem impacto no posicionamento do Google. Apesar de todas as ferramentas que passamos, precisamos de alguns conceitos e ideias para já criarmos nossos projetos pensando na otimização da velocidade. Desta forma, separei algumas dicas para você criar os seus sites pensando no tempo de carregamento. Confira:

Comprima suas imagens

1. Se você usa o Photoshop, Fireworks ou outros programas de edição de imagens, usesempre a opção “Save for Web” ou ao menos utilize uma versão de JPG com redução de qualidade. Se você não possui, pode usar alternativas gratuitas também.

Não reduza as imagens com HTML

1. Nunca use HTML puro para redimensionar suas imagens. Elas serão carregadas com o tamanho original (grande) e será redimensionada no browser. Isso também deixa as imagens feias (distorcidas, mal-redimensionadas ou de resolução alterada), o tratamento do browser não é eficiente e as imagens perdem suas características.

Especifique as dimensões da imagem

1. Sempre especifique os tamanhos das imagens no código HTML. Isso irá reduzir o tempo de renderização da página pois o browser saberá como encaixar os elementos na tela.

Evite usar muitos widgets

1. Usar um ou dois widgets na sua página, tudo bem, mas mais do que 6 widgets a página já começa a pesar. Antes de colocar um widget, pense: Será Que Preciso Mesmo Dele?

Use CSS ao invés de imagens

1. Use CSS para criar os efeitos necessários para seu site quando possível. Obviamente, o conteúdo a ser carregado será muito menor.

Não use tabelas quando não forem necessárias

1. Tabelas são feitas para apresentar dados tabelados, para layout arquitetura da pagina você deve usar CSS que tem esse propósito. Isso também deixará seu código mais limpo e melhor para ser lido e entendido. Os robôs de busca conseguem ler sites com tabelas, mas você irá dar uma mãozinha para ele usando tableless.

Use arquivos CSS externos

1. Usando arquivos externos, você irá ajudar o robô de busca e o seu usuário, pois uma vez lido o CSS externo, ele será jogado no cache e não precisará ser recarregado a cada nova página.

Use arquivos Javascript externos também

1. Segue o mesmo princípio do CSS externo, principalmente para Javascript, para o qual será mais importante o cache dos arquivos.

Remova os espaços em branco do seu HTML

1. Lembre-se, espaço em branco também é um caractere e consome banda e espaço em disco. É muito comum deixarmos sujeiras de espaço em branco em nossos códigos, remova-os sempre.

Imagens com CSS ao invés de imagens em tag HTML

1. Pode parecer estranho, mas o carregamento das imagens como background de uma DIV é mais rápido do que carregar a imagem com as tags HTML.

Reduza requisições HTTP do seu site

1. Cada vez que você faz uma requisição HTTP, será necessário pedir o pacote, esperar a resposta, receber o pacote e confirmar sua chegada. Por isso, quanto menos requisições HTTP você tiver, mais rápido será o carregamento da sua página.

Não use HTTPS desnecessariamente

1. Somente use HTTPS quando for necessário. Esse tipo de conexão segura é pelo menos 3 vezes mais lentas que o HTTP normal.

Use Gzip para reduzir o tamanho do HTML

1. Uma alternativa muito válida é comprimir seu HTML para ser entregue. Isso não tem impacto para imagens, flash ou arquivos embarcados, mas para HTML faz uma grande diferença.