PT - SEO GUIDE - Page Load Time

A velocidade de carregamento das páginas da web é uma parte crucial da usabilidade de um site. O Google considera a velocidade das páginas um dos 200 fatores de ranking que influenciam o posicionamento de um website nos resultados de busca orgânicos; além disso, enriquece, sem dúvida, a experiência do usuário. Com inúmeros outros websites no seu nicho, a competição para ganhar mais tráfego no site e impressionar as pessoas com uma ótima usabilidade está se tornando cada vez mais crucial. Se o seu website não carregar rapidamente, é provável que você perca visitantes do seu site para a concorrência numa questão de segundos.

Aqui tem 10 dicas rápidas para otimizar o tempo de carregamento do seu website:

1. Otimizar o Tamanho e Formato das Imagens

As imagens no seu site podem ocupar muita largura de banda, o que afeta o tempo de carregamento da sua página. Não basta diminuir as imagens do seu website em HTML, pois isso apenas muda a aparência da imagem e não o tamanho efetivo. Use ferramentas de edição de imagem, como Photoshop, para redimensionar as imagens e utilize uma resolução de 72 dpi.

Além disso, use ferramentas de otimização de imagem que compactem ainda mais a imagem para reduzir o seu tamanho:

Para otimizar o tempo de carregamento da sua página, o ideal é usar apenas formatos de imagem standard como JPG, PNG e GIF.

2. Otimizar as Dependências

Plugins: Um site que requer plugins pode abrandar a velocidade de carregamento das suas páginas. Nem todos os plugins são desnecessários, como, por exemplo, os plugins de partilha social, que, atualmente, são obrigatórios em todos os sites. Dito isso, verifique sempre se há uma alternativa melhor do que o plugin, como utilizar um CMS com plugins sociais incorporados.

Scripts de Rastreamento: Embora seja útil monitorizar as estatísticas de tráfego do seu website, não é aconselhável utilizar múltiplos softwares de rastreamento, já que isso pode dificultar o tempo de carregamento das páginas. Se você estiver usando um CMS como o WordPress, você deve permitir que o WP Stats ou o Google Analytics executem scripts em sua página, mas não ambos.

Software CMS: Se você estiver usando um CMS como o WordPress, é aconselhável verificar frequentemente se há atualizações do software, mas não carregue elas num website ao vivo. Primeiro, execute as atualizações num servidor separado para testá-las. Acompanhar as atualizações de software também melhora a velocidade de um site.

3. Evitar arquivos JS e CSS inline

É uma boa prática colocar os JS e CSS do seu website em arquivos externos. Quando as páginas são carregadas, o navegador armazena esses arquivos externamente, reduzindo o tempo de carregamento das páginas em pedidos subsequentes. Além disso, ter os arquivos JS e CSS como externos facilita a manutenção do site.

4. Otimizar a Memória Cache

De cada vez que um visitante carrega um site, os arquivos de imagem da sua página da web e os arquivos CSS e Java também são carregados, consumindo muito tempo de carregamento da página. Quando a memória cache está corretamente configurada, o seu navegador pode armazenar esses recursos ou arquivos para pedidos subsequentes. Em carregamentos de página repetidos, esses arquivos podem ser recuperados da cache, ao invés de serem baixados de novo a partir da rede. Isso também reduz a largura de banda e os custos de hospedagem.

Você pode usar cabeçalhos Expires para componentes estáticos do site e cabeçalhos Cache-Control para componentes dinâmicos. Ao utilizar esses cabeçalhos, os diversos componentes de um site, incluindo imagens, folhas de estilos, scripts e flash, se tornam cacheáveis. Por sua vez, isso minimiza as solicitações HTTP, melhorando o tempo de carregamento da página. Usando cabeçalhos Expires, você pode controlar efetivamente o período de tempo que os componentes de uma página da web podem ser armazenados na memória cache, tal como ilustrado no exemplo em baixo:

Expires: Wed, 20 Apr 2015 20:00:00 GMT

Se o seu servidor é Apache, você pode configurar a duração para o conteúdo armazenado na memória cache, usando a diretiva ExpiresDefault. Isso configura a data de validade como um determinado número de anos a partir da data atual:

ExpiresDefault “access plus 15 years”

5. Evitar scripts de bloqueio de renderização

Coloque os arquivos javascript no final do corpo ou use o atributo 'async' para carregá-los de modo assíncrono.

6. Evitar Redirecionamentos

Evitar redirecionamentos aumenta a velocidade de veiculação. Alguns redirecionamentos são inevitáveis e têm de existir, mas você não deve esquecer que isso requer um HTTP adicional, o que aumenta o tempo de carregamento da página. Verifique se há links quebradose repare eles imediatamente.

7. Configurar a Codificação G-Zip

Semelhante aos arquivos no seu computador que são zipados e compactados para reduzir o tamanho total durante transferências de arquivos online, os arquivos pesados no seu website podem ser zipados com algo chamado Compactação G-Zip. Isso poupa largura de banda e tempo de carregamento, além de reduzir o tempo de carregamento da sua página. Você deve configurar o servidor para retornar conteúdo zipado.

8. Reduzir as Solicitações HTTP

Use CSS Sprites para reduzir o número de solicitações de imagens. Combine imagens de fundo numa única imagem, usando elementos CSS de fundo-imagem e fundo-posição. Combine imagens inline nas suas folhas de estilos na memória cache. Igualmente, combine todos os seus arquivos javascript num único arquivo e também todos os seus arquivos CSS.

9. Minificação de JavaScript e CSS

Minificação é o processo de compactação do código renomeando as variáveis com nomes mais curtos, o que ajuda a reduzir o seu tamanho e o tempo de carregamento subsequente. Nós recomendamos usar uglify.js para o efeito.

10. Reduzir o Tamanho dos Cookies

Os cookies são utilizados para armazenar dados que têm de ser mantidos entre solicitações. Esses dados são enviados em cada solicitação e, quando são grandes, aumentam o tempo de carregamento. Por esse motivo, ao reduzir o tamanho dos cookies, você reduz o tamanho dos dados que são transferidos, diminuindo o tempo de carregamento da página. Elimine cookies desnecessários ou reduza o seu tamanho.

Guias recentes