- Minificação de javascript
- Minificação do CSS
- Testes
- Uso de sprites
- etc....
Bem se for fazer na mão cada coisinha dessa aja trabalho!
Hoje fiz um teste de uma ferramenta que achei muito interessante, o propósito dela é aumentar a produtividade no desenvolvimento web e ainda usar as boas práticas, se chama Yeoman, a ferramenta é um gerador de código que entrega um código estruturado e pronto para uso, ela utiliza e integra o grunt para execução de tarefas e o bower como gerenciador de dependências.
Algumas das features interessantes:
- scaffolding.
- Processo de construção do projeto fazendo minificação e concatenação de arquivos do projeto, otimização de imagens, compilação caso use o coffeescript ou Compass, se usar amd, é otimizado passando pelo r.js.
- Lint dos scripts do projeto com JSHint para garantir as melhores práticas.
- Servidor de preview, onde você pode usar o próprio servidor para visualizar as alterações, e as alterações causam o refresh da página do browser fazendo com que as alterações sejam rapidamente vistas.
- Otimização de imagens usando OptiPNG e jpegtran fazendo com que as imagens usadas no app tenham um tempo mais curto de download, melhorando a experiência do usuário.
- Gerenciamento de dependências via bower, não perdendo tempo procurando mais (basta usar bower search jquery), que ele procurará o jquery e você pode instalar tão simples como buscar, isso sem pesquisar no browser.
- PhantomJS para testes de unidade, você pode executar facilmente os testes via PhantomJS.
Recomendo ver esta ferramenta em ação, eu me surpreendi com o resultado, acho que vocês também vão.
