Empacote e reduza em ASP.NET MVC

Uma das tarefas de um framework é melhorar o fluxo de trabalho de um desenvolvedor, fornecendo ferramentas e convenções que tornam necessário pensar menos na parte técnica de como fazer as coisas e mais na lógica de nossos aplicativos.
Em caso de ASP.NET MVC, também nos são oferecidas ferramentas que nos permitem gerar diretamente os pacotes de Scripts adicionais que nosso aplicativo usa e ser capaz de minimizá-los para cumprir uma das melhores práticas e aumentar o desempenho.
Em ASP.NET MVC nós temos a biblioteca System.Web.Optimization, por meio dele podemos acessar métodos que nos permitem otimizar os elementos de nosso aplicativo da web, como empacotar os diferentes arquivos de estilo e Javascript.
Esta biblioteca também inclui elementos que nos ajudam a melhorar o cache das adições estáticas da nossa aplicação, bem como a minificação dos arquivos, vamos ver como funciona este plugin inicialmente.
Em açãoSe virmos o arquivo Layout.cshtml, podemos notar que usamos um método de atalho para definir o caminho dos recursos de estilo e Javascript, isso nada mais é do que Render () e nós o usamos com seus diferenciais @Styles Y @Scripts, o que ele faz é simplesmente empacotar e minificar os recursos diretamente, é impossível para o nosso desenvolvimento ser mais fácil, vamos analisar como eles se chamam:

A primeira coisa que podemos notar é que em @ Styles.Render () Estamos passando por dois caminhos distintos, o que nos leva a concluir que desta forma podemos unificar tudo no mesmo arquivo final e com isso faremos menos requisições HTTP.
No caso de @Scripts Fazemos isso com um único elemento, mas isso pode ser aplicado a vários como nos estilos.
Se executarmos uma ferramenta de análise de desempenho no navegador, perceberemos que embora chamemos esses elementos no template base desta forma, eles ainda são exibidos em arquivos diferentes, isso ocorre porque o ambiente de desenvolvimento está habilitado depurar e, portanto, para facilitar a leitura e depuração, eles não são agrupados em um único arquivo.
Para fazer isso, devemos localizar o arquivo de configuração e indicar ao nosso framework que ele deve permitir melhorias, definindo a seguinte opção como verdadeira:

BundleTable.EnableOptimizations

Com isso, se executarmos a ferramenta de medição novamente, por exemplo Yslow, veremos isso na seção de minificação e solicitações HTTP tudo foi feito de acordo com as melhores práticas.

Por padrão, o modelo também possui a estrutura de definição dos arquivos de estilo, acima do documento e do scripts na parte inferior, no entanto, existem scripts como por exemplo modernizr.js Não podemos defini-los no final do documento, pois sua funcionalidade é melhorar a experiência de carregamento da página, portanto, deve ser executado imediatamente.
Com isso finalizamos este tutorial, vimos como de uma forma simples ASP.NET MVC nos permite fazer pacotes de arquivos de estilo e scripts, além de minimizá-los automaticamente, ajudando-nos a nos dedicarmos simplesmente a estabelecer a lógica de nossa aplicação.