No final de 2010, o Google anunciou publicamente que a velocidade do site se tornou uma nova variável introduzida em seu algoritmo que define o ranking de busca orgânica. Já se passaram vários anos e essa variável já é amplamente difundida e discutida, mas, ainda assim, muitos desenvolvedores deixam de otimizar a velocidade de carregamento do site. Vamos corrigir isso?

Além de importar para fatores de ranqueamento, a velocidade do site também é um fator importante para melhorar a experiência do usuário. Afinal, de nada adianta o usuário acessar seu site mas não conseguir fazer nada nele, não é?

Para te ajudar a resolver esse problema ou ao menos minimizá-lo, separamos uma série de procedimentos que vão influenciar (e muito!) na velocidade de carregamento do site. 

Então, aqui vão algumas dicas para melhorar a velocidade do site e o seu posicionamento orgânico:

1. Aproveitar o Browser Caching e aumentar a velocidade do site

“Expires headers” dizem ao navegador se um recurso em um site precisa ser solicitado ao servidor ou se ele pode ser obtido a partir do cache do browser. Quando você define uma “Expires headers” para um recurso, como por exemplo uma imagem em seu site, o navegador irá armazenar esses recursos em seu cache. 

Assim, na próxima vez que o visitante voltar para essa página, caso o cabeçalho não tenha expirado e o recurso não tenha sido alterado, a velocidade do site será maior e a página irá carregar mais rápido já que o navegador terá essa imagem disponível.

2. Enable gzip compression

Gzip é um dos métodos de compressão mais popular e eficaz atualmente disponível. Esse método geralmente reduz o tamanho da resposta em cerca de 70%. Para se ter uma ideia, em torno de 90% do tráfego da Internet de hoje viaja através de navegadores que suportam gzip.

O gzipping reduz o tamanho da resposta HTTP e ajuda a reduzir o tempo de resposta. É, portanto, uma maneira fácil de reduzir o tamanho da página e, com isso, melhorar a velocidade do site.

3. Minificar o seu código

Otimizar a velocidade de carregamento do site também significa excluir alguns itens que só estão tomando espaço nas suas páginas.

A remoção de comentários HTML, de seções CDATA, de espaços em branco e dos elementos vazios irá diminuir o tamanho da página, reduzir a latência de rede e acelerar o tempo de carregamento do site.

4. Definir dimensões de imagem

As imagens são um fator de grande influência na velocidade do site, por isso é importante ficar atento ao modo de adicioná-las às suas páginas.

Sabia que seu navegador começa a processar uma página antes mesmo que as imagens sejam carregadas? 

Assim, se as dimensões não são especificadas, seu browser irá atrasar a renderização da página uma vez que as imagens ainda estão sendo transferidas. Para que isso não ocorra e a velocidade do site não fique prejudicada, utilize tags de altura e largura nos seus elementos de imagem.

5. Otimização de Imagens

As imagens, quando mal comprimidas, contém informações irrelevantes e cores que não são utilizadas. Pensando nisso, é essencial usar formatos com boas técnicas de compressão, como PNG e JPG, definir um valor de compressão adequado e não ter imagens em escalas maiores do que necessárias.

Manter a imagem comprimida e seu tamanho mínimo representa uma grande ajuda para  melhorar a velocidade de carregamento do site e para garantir uma boa experiência aos usuários em conexões lentas.

6. Usar CSS e Javascript externos

Ao usar repositórios externos (CDNs) para os arquivos fonte de frameworks e componentes mais comuns, é muito provável que o browser do usuário já os tenha visto em outras páginas e eles estejam em cache. Assim, eles não tem  de ser carregados novamente, aumentando a velocidade do site.

7. Reduzir acessos ao banco de dados

O pior tipo de load de um site é a espera por uma resposta do servidor à requisição da página, já que, enquanto isso ocorre, o usuário vê uma janela em branco carregando.

Para aumentar a capacidade do seu servidor de responder às requisições e, com isso, melhorar a velocidade do site, é vital que ele consiga servir as páginas o mais rápido possível. Em geral, o maior atraso do carregamento de páginas vem de acessos ao banco de dados.

Assim, implementar camadas de cache entre a aplicação e o banco é uma medida essencial para se preparar para grandes volumes de tráfego e aumentar a velocidade de carregamento do site.

E aí, gostou das nossas dicas? Você já realizou alguma dessas otimizações para melhorar a velocidade do site site? Conte pra gente nos comentários!

Se esse conteúdo foi útil para você, não se esqueça de acessar o blog da Raccoon e assinar nossa newsletter para conferir sempre ótimas dicas do mundo do marketing digital!

Escrito por:

Vinicius de Andrade

Especialista de Conteúdo na Raccoon, tetracampeã do prêmio de Melhor Agência de Marketing de Performance do Brasil pela ABComm (2015, 2016, 2017 e 2018) e melhor da América Latina no Google Premier Partner Awards.

Comentários