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:
- JPEG & PNG Stripper
- Smush.it
- Online Image Optimizer
- SuperGIF
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.
