Saiba como melhorar a velocidade e a performance do seu site

Neste post vamos abordar algumas dicas que podem tornar o seu site mais rápido, ou seja, melhor performance e mais velocidade para quem acede ao seu conteúdo.

Algumas destas implementações são simples e podem ser feitas no dia-a-dia como a compressão de conteúdo, outras são mais complexas, porque dependem de ajustes na infra-estrutura, da própria ferramenta CMS ou programação.

Bom, vamos lá, comecemos pelos mais básicos:

• Compressão de imagens
  Isto é essencial para reduzir drasticamente o tempo de carregamento. Em muitos casos é possível reduzir os tamanhos de ficheiros de imagens em 60% sem perder a qualidade. Uma das melhores ferramentas para isso é o TinyPNG e o TinyJPG. São compressores online que já devolvem estes ficheiros bem compactados.
  
  
  
• JPEG's progressivos
  Quando guardar um ficheiro JPEG no seu programa de edição de imagens, opte sempre por esta opção, porque ela pode ajudar no carregamento da sua página. O JPEG progressivo faz com que a imagem seja carregada conforme a sua visualização, ou seja, é carregada como uma "pré-visualização", e aos poucos vai-se formando. É comum em grandes portais notarmos isso quando percorremos a página e algumas fotos aparecem meio "quadriculadas" e aos poucos vão-se formando. Detalhe: Nem sempre o ficheiro será menor.
  
  
• Implantação de CDN's
  É uma espécie de "cópia" ou "espelho" do seu site em diversos pontos geográficos do planeta, ou seja, alguém que aceda ao seu site no Japão não precisa de percorrer diversos links e backbones, pois há uma cópia num servidor local daquele país ou continente, o que encurta o caminho e melhora a performance. Além disso muitas dessas CDN's já contam com optimização de imagens, cache de conteúdo, e outros recursos. O CloudFlare é uma dessas soluções, mas há também outras soluções, como CloudFront da Amazon, MAXCDN entre outros. Mas deve sempre analisar se possuem servidores na localidade de maior acesso do seu site.
  .

Agora vamos falar das implantações um pouco mais complexas:

• Minificação de código ou Minify code
  É uma prática de reduzir diversos ficheiros de CSS e Javascript. Com este recursos, apenas um ficheiro é carregado o que gera um acesso mais rápido, considerando que a maioria dos browsers carrega um "limite" de ficheiros por solicitação. Com isso, se você tiver 6 ficheiros Javascript e 4 de CSS, conseguiria reduzir para dois ficheiros. Para ferramentas de CMS como o Wordpress e Joomla, existem componentes e Widgets que podem fazer esse papel automaticamente. Cloudflare (CDN mencionada acima), também é capaz de trabalhar com isto.
  
  
  
• Cache
  A implementação de cache num servidor requer uma análise mais aprofundada, uma vez que exige conhecer a ferramenta e analisar o cenário de uma forma mais macro, mas de forma geral ele cria um "espelho" das suas páginas HTML, evitando assim consultar bases de dados e/ou executar rotinas de php ou outra linguagem. Funciona como uma espécie de camada que fica antes do servidor web. Alguns bons caches que podemos citar é o Varnish Cache, excelente ferramenta. Neste caso existem também alguns componentes e widgets para CMS's Joomla e Wordpress que podem ajudar a aproveitar cache do browser ou cache de páginas, mas não são tão efectivos.
  
  
  
• Compressão GZIP
  Através do painel de controle de alguns CMS's é possível activar esta opção, desde que o servidor permita. A compressão GZIP permite que a página seja entregue de maneira mais rápida uma vez que será comprimida antes de ser entregue ao browser, no entanto, exige um pouco mais do servidor. Para a maioria dos fornecedores de alojamento é possível activá-lo no painel de controlo ou já vêm nativamente activados. Mas vale a pena acompanhar o desempenho do servidor para verificar se realmente compensa a utilização de GZIP.

  Espero que tenham gostado do novo post e até à próxima.