10 formas de reduzir a carga do seu servidor e poupar largura de banda

No ano passado, mais concretamente em junho, tive problemas com o servidor do blog, sendo que na altura estava alojado numa conta de revenda simples num empresa de hosting em portugal. Os constantes ataques ao servidor da máquina e os downtimes sucessivos fizeram-me ganhar coragem e alugar uma VPS Gerida, que pese embora me custe 900eur/ano é seguramente o dinheiro mais bem gasto com os meus projectos online, seguramente.

No entanto cheguei brevemente a um novo dilema, que se prende com o aluguer de um servidor dedicado para lidar com toda a carga e largura de banda que os múltiplos projectos que vou gerindo produzem. Este problema ajudou-me também a interpretar alguns sinais presentes no meu actual servidor, e a encontrar algumas formas de ir minimizando os problemas e aguentando o barco até me mudar completamente para o novo servidor, agora dedicado. Existem diversas técnicas para reduzir a carga do processador e a largura de banda consumida pelo servidor, e são precisamente essas técnicas que gostaria hoje de partilhar consigo, sendo que elas aplicam-se tanto a uma revenda, a um plano de hosting básico, como também a uma VPS ou a um servidor dedicado. Todos os Gigabytes a menos na factura final de consumos são importantes!

2. OPTIMIZAR IMAGENS
Mais de metade da largura de banda consumida por um servidor está relacionada com imagens, pelo que optimizar devidamente as suas imagens é uma das formas mais eficientes de reduzir a largura de banda do seu servidor. Optimize as suas imagens para a internet e reduza os seus tamanhos e nunca utilize ficheiros bitmap (.bmp) uma vez que são extremamente pesados. Deverá utilizar sempre ficheiros jpeg (.jpg) ou gif (.gif), sendo que ambos os formatos estão devidamente optimizados para a internet. Os thumbnails utilizados no seu website não deverão nunca exceder os 10 Kb.

Se por ventura utiliza o Photoshop, poderá comprimir as suas imagens com a opção ‘Save for Web & Devices’, optimizando-as para utilização na internet. Quando tem uma imagem com muitas cores ou variações, deverá sempre recorrer aos formatos JPEG ou PNG.

3. COMPRIMA O SEU FICHEIRO CSS
Os ficheiros de CSS dos seus websites ou blogs podem muitas vezes ser enormes, com uma série de espaços vazios e inutilizados que na verdade só atrasam o processo de leitura. No entanto, a utilização das chamadas ‘Shorthands’ em CSS, é uma das técnicas mais eficientes para reduzir a quantidade de código CSS, tornando a leitura e edição do ficheiro mais simples e eficaz. Vejamos:

Exemplo 1:
margin: 2px 1px 3px 4px (top, rightright, bottombottom, left)

Exemplo 2:
margin-top: 2px;  
margin-right: 1px;  
margin-bottom: 3px;  
margin-left: 4px 

Ambos os exemplos propostos fazem precisamente o mesmo, pese embora seja recomendável utilizar o Exemplo 1, uma vez que tem menos linhas de conteúdo e a sua leitura é muito mais rápida.
Se desejar, poderá ler um tutorial sobre compressão de CSS na WebCredible ou então utilizar o CSS Compressor para comprir o seu ficheiro CSS, retirando espaços e breaks desnecessários, de forma automática.

4. REMOVER CÓDIGO HTML DESNECESSÁRIO, TAGS E ESPAÇAMENTOS
Poderá reduzir drasticamente a compressão da sua página, removendo espaços em branco nos seus ficheiros HTML, ou mesmo removendo comentários do seu blog (caso não sejam necessários), uma vez que todo e qualquer caracter extra, significa espaço extra. Quer você utilize um editor de HTML ou o notepad, o seu código HTML de certeza que inclui matéria desnecessária: espaços não necessários, retornos, meta tags, valores por defeito nos elementos HTML, etc. Todas as estas coisas tornam a sua página maior, sem que na verdade sirvam algum propósito. Quanto maior for a sua página, mais tempo demora a carregar e mais largura de banda consome no seu servidor.

Se desejar, poderá utilizar a ferramenta Wordoff, que ajuda-o a remover todos estes espaços em branco, tags e estilos desnecessários do seu código HTML. Regra geral, este tipo de edição é feita manualmente pelo autor do blog, sendo que com esta ferramenta tudo fica mais fácil!

5. UTILIZE LIVRARIAS AJAX E JAVASCRIPT
AJAX é uma tecnologia direcciona para a web, que permite a comunicação com o servidor utilizando JavaScript, sem que na verdade o leitor tenha de fazer refresh à página onde se encontra. Regra geral, as páginas e blogs de hoje estão recheadas de conteúdos, o que significa que cada vez que o leitor acede a um link, uma nova página é aberta e carrega na sua totalidade. No entanto, utilizando Ajax, uma aplicação web pode requesitar uma actualização apenas dos conteúdos que ainda não foram carregados, deixando os outros permanentemente na cache, reduzindo drasticamente o consumo de largura de banda.

Se desejar, poderá ler um tutorial extremamente completo sobre esta matéria no blog Perishablepress.

6. DESLIGUE O HOTLINKING DE IMAGENS
Hot Linking é o processo que leva alguém a utilizar uma imagem sua, num outro website, comendo basicamente largura de banda do seu servidor, ao invés de consumir a largura de banda do servidor do autor que linkou a imagem. Se tem recorrentemente pessoas a fazer ‘hotlinking’ aos seus ficheiros de imagem, eles estão a consumir largura de banda que na verdade lhe custa muito dinheiro.

Você poderá terminar com isso rapidamente, colocando um ficheiro ‘.htaccess’ na pasta onde as suas imagens estão colocadas. Este código permite apenas pedidos de leitura das imagens a partir do seu próprio website - qualquer pessoa que tente fazer hotlinking, será avisado com um sinal vermelho.

RewriteEngine On  
RewriteCond %{HTTP_REFERER} !^$  
RewriteCond %{HTTP_REFERER} !^http(s)?://(.*\.)?yourserver.com [NC]  
RewriteRule \.(jpeg|jpg|gif|png)$ – [F]

Se desejar poderá ler um tutorial completo sobre hotlinking em websites no blog AltTab, ou utilizar este gerador .htaccess que providencia-lhe o código e instruções que irá necessitar para terminar com o hotlinking no seu blog!

7. COMPRIMA O SEU HTML E PHP EM GZIP
Tal como no CSS, o seu código HTML provavelmente contem inúmeros espaços em brancos e quebras de linha desnecessárias. Se está a utilizar PHP, poderá recorrer ao modo mod_gzip para Apache para comprimir o seu conteúdo. O Mod_gzip é um módulo para apache que reduz drasticamente o peso de uma página em tempo real, sempre que esta é requesitada pelo browser, que felizmente faz reconhecimento deste tipo de compressão. Se por ventura o browser não compreender o conteúdo comprimido, ele irá apresentar o conteúdo normal a que sempre foi habituado. Sem problemas, ok?

A forma mais fácil de executar esta tarefa, é recorrendo a um ficheiro a .htaccess. Recomendo a utilização de um ficheiro .htaccess pela sua facilidade de implementação e também pela sua versatilidade. Para activar a compressão gzip no seu blog, adicione a seguinte linha ao seu ficheiro .htaccess file.

php_value output_handler ob_gzhandler

Se desejar, leia também um tutorial completo sobre esta matéria no blog Web Coding Tech.

8. UTILIZE A CACHE DO SEU WEBSITE
A Caching é um método de devolver informação a partir de um dispositivo de armazenamento preparado (cache), ao invés de utilizar recursos que produzam a mesma informação sempre que esta é requesitada pelo browser do leitor. Activar a cache do seu website ou blog, irá permitir que os seus leitores leiam o seu blog inúmeras vezes, sem que tenham de estar constantemente a recarregar todos os conteúdos. Uma boa ideia também, é utilizar a cache com uma regra no header do seu blog, que diz ao browser por quanto tempo aquela cache é válida. Como nem todo o conteúdo do seu blog é actualizado diariamente (header, imagens, etc), é importante utilizar a cache.

Caching com mod_headers

# 1 YEAR  
<FILESMATCH ?\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$?>  
Header set Cache-Control “max-age=29030400, public” 
</FILESMATCH>  
 
# 1 WEEK  
<FILESMATCH ?\.(jpg|jpeg|png|gif|swf)$?>  
Header set Cache-Control “max-age=604800, public” 
</FILESMATCH>  
 
# 3 HOUR  
<FILESMATCH ?\.(txt|xml|js|css)$?>  
Header set Cache-Control “max-age=10800″ 
</FILESMATCH>  
 
# NEVER CACHE  
<FILESMATCH ?\.(html|htm|php|cgi|pl)$?>  
Header set Cache-Control “max-age=0, private, no-store, no-cache, must-revalidate” 
</FILESMATCH>

Caching com mod_expires

ExpiresActive On  
ExpiresDefault A0  
 
# 1 YEAR  
<FILESMATCH ?\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$?>  
ExpiresDefault A9030400  
</FILESMATCH>  
 
# 1 WEEK  
<FILESMATCH ?\.(jpg|jpeg|png|gif|swf)$?>  
ExpiresDefault A604800  
</FILESMATCH>  
 
# 3 HOUR  
<FILESMATCH ?\.(txt|xml|js|css)$?>  
ExpiresDefault A10800″  
</FILESMATCH>

9. UTILIZE CACHE NOS SEUS RSS FEEDS
Os RSS Feeds, são uma tecnologia que permite aos webmasters distribuir e publicar o seu conteúdo sindicado na Internet. Assim que o Feed entra na cache ele passa a ser lido pelo disco rígido durante muito tempo. Quando esse período de tempo expira, o RSS Feed é actualizado novamente. Esta funcionalidade permite que o conteúdo seja actualizado recorrentemente sem deixar informação pendente ou desactualizada. A Cache em RSS feeds reduz também a largura de banda consumida. Isto acontece porque o servidor não tem de estar constantemente a carregar e a actualizar o seu Feed RSS, especialmente se você não actualizar o seu blog diaramente.

10. EVITE UTILIZAR ANEXOS SEMPRE QUE POSSÍVEL
Se por ventura o ficheiro que está prestes a anexar ao seu artigo se encontra disponível na web, é bastante melhor você apontar um link para esse mesmo ficheiro, ao invés de carregar uma cópia dele para o seu próprio servidor. Isso significa que você irá consumir muito menos largura de banda desnecessária, algo que nos dias de hoje vale muito dinheiro.

Até Já!

Se gostou deste post, considere subscrever o nosso RSS Feed Completo!
Ou então Subscreva o Fique Rico por Email!