Estratégias e Dicas
Raccoon.Monks
continue lendo...
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.
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.
“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.
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.
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.
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.
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.
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.
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.
Por enquanto é só isso, mas...
Você pode ver essa e outras materias no nosso site!