Tenho encontrado constantemente sites com problemas sérios de performance. Algumas das vezes temos problemas estruturais sérios, mas algumas vezes os problemas podem ser simples de resolver e pequenos ajustes representam grande melhoria na experiência do usuário.
Quando dizemos performance de aplicações, logo os desenvolvedores pensam em grandes mudanças estruturas como cluster, melhorias na JVM, máquinas novas, cache de banco de dados e outras. Isto também são melhoras importantes, mas quando se trata de aplicações web, a percepção da performance pelo usuário, pode ser melhorada por otimizações mais simples como mudanças no front-end da aplicação.
Podemos encontrar as melhores práticas sobre performance de aplicações web em http://developer.yahoo.com/performance/rules.html. Entre as dicas descritas no documento acima temos:
* Fazer menos requisições HTTP
* Adicionar um cabeçalho “Expires” na resposta HTTP
* Utilizar Gzip para compactar os componentes da página
* Colocar os Stylesheets no topo da página
* Colocar os Scripts no fim da página
* Evitar CSS Expressions
* Colocar os códigos JavaScript e CSS em arquivos externos
* Reduzir DNS Lookups
* Compactar os códigos JavaScript
* Remover Scripts duplicados
* Evitar Redirects
* Configurar as ETags
* Make Ajax Cacheable
Uma ferramenta que auxilia bastante é um addon do mozilla que chama YSlow que é um addon desenvolvido pela Yahoo. Este addon analisa com base nas melhores práticas documentadas no artigo acima quais regras estão sendo usadas.
Uma dica que me ajudou bastante em algumas aplicações que trabalhei foi a de habilitar a compressão de páginas. Existem páginas que são grandes, o que faz com que o acesso seja lento em conexões de rede ruins.
Esta compressão de página basicamente troca o requisito banda por CPU. Os passos realizados para a compressão são os seguintes:
1 – O browser do cliente faz uma requisição e envia para o servidor no cabeçalho que o browser aceita arquivos comprimidos.
2 – O servidor verifica que o browser que fez a requisição aceita arquivos comprimidos.
3 – O servidor comprime a página e envia para o cliente.
4 – O cliente descompacta a página recebida e exibe para o usuário.
Podemos utilizar para a compressão de página o apache com o módulo mod_deflate. Para explicações mais detalhadas sobre como funciona o mod_deflate verifiquem a documentação em http://httpd.apache.org/docs/2.0/mod/mod_deflate.html.
É isto ai pessoal. Espero que vocês sigam as orientações, para o bem de suas aplicações e de seus usuários.
Um comentário:
Muito bom o seu artigo Samuel! É impressionante o descaso que nós desenvolvedores ainda temos com a performance dos sistemas. Quando muito fazemos um teste funcional, e quanto a performance, primeiro implantamos o sistema e depois verificamos o que acontece. Essa é a nossa dura realidade!
Sidney Galeote
Postar um comentário