Pessoal,
O MVC 4 já chegou, está em beta e pode ser baixado e testado publicamente. Para isso aqui vai o link para conhecer mais: http://www.asp.net/mvc/mvc4
Algumas novidades do MVC4 são também novidades do Framework ASP.NET, logo muita coisa que vai vir no ASP.NET 4.5 vai beneficiar tanto os projetos desenvolvidos em MVC ou WebForms.
Um recurso interessante lançado e que podemos já testar é o Bundling and Minification. Uma breve explicação:
Bundling: É o processo de agrupar em apenas um arquivo javascript todos os outros arquivos existentes na solução web, ou seja, se temos dez arquivos javascript que vão ser utilizados no site vamos enviar apenas um com o objetivo de otimizar a solução reduzindo o tempo de envio de arquivos. Serve para folhas de estilo também (css).
Minification: É o processo de remover todos os caracteres em branco (espaços), comentários, quebras de linha. O objetivo para reduzir a quantidade de caracteres e consequentemente o tamanho final do arquivo, com isso otimizar o desempenho de um site reduzindo o tamanho dos arquivos de javascript e estilos (css) enviados ao cliente.
Por que realizar Bundling and Minification?
- Para otimizar o desempenho de recebimento dos arquivos essenciais do site para a máquina do cliente.
Por que otimizar esse envio?
- Para melhorar experiência do usuário e em cenários onde há acessos via smartphones é imprescindível para reduzir o trafego de dados.
Desafios:
-
Automatizar o processo de Bundling and Minification
-
Manter versões reduzidas para o deploy da solução e ao mesmo tempo manter versões em alto nível para facilitar desenvolvimento e manutenção dos códigos pelo time de desenvolvimento.
Com a versão beta do MVC4 já podemos testar e resolver esses desafios de forma nativa. O próprio Visual Studio faz o Bundling and Minification dos arquivos de forma natural e mantêm as versões em alto nível para a equipe de desenvolvimento e desing.
Vamos aos exemplos para demonstrar a otimização de acesso:
O exemplo abaixo foi realizado com o projeto padrão do próprio ASP.NET MVC 4 Beta. Com o novo template que o mesmo trouxe, foi feito acesso a página inicial com o tempo de duração e tamanho dos arquivos necessários para execução da página e estilos. Comparando os resultados observe a melhoria em performance.

Imagem 01 – Observem a quantidade de arquivos e o tempo de download dos arquivos.

Imagem 02 – Menor quantidade de arquivos, tempo e dados para baixar o mesmo conteúdo
E como usamos o recurso de Bundling and Minification? É simples basta usar a sintaxe a seguir no momento de referenciar os arquivos de javascript e css:
Ao invés de continuar referenciando as folhas de estilo dessa forma:

Imagem 03 – Referência Folha Estilo
Faça:

Imagem 04 – Bundling and Minification com folhas de estilo no MVC 4 Beta
Onde o diretório styles foi mencionado e o conteúdo dele com folhas de estilo css
Da mesma forma para arquivos JavaScript:

Imagem 05 – Bundling and Minification com arquivos Javascript
Onde o diretório scripts foi mencionado e conteúdo dele com javascript js
É isso aí espero otimizar os sites de vocês. 
No próximo post vou mostrar como fazer Bundling and Minification e ainda explorar recursos do browser do cliente para fazer cache dos nossos arquivos de javascript e css no browser do cliente. Aguardem…
Abraços
Lino
Referências:
http://weblogs.asp.net/scottgu/archive/2011/11/27/new-bundling-and-minification-support-asp-net-4-5-series.aspx
http://weblogs.asp.net/scottgu/archive/2012/02/19/asp-net-mvc-4-beta.aspx