Pacchetto e minimizzazione in ASP.NET MVC

Uno dei compiti di un framework è migliorare il flusso di lavoro di uno sviluppatore fornendo strumenti e convenzioni che rendono necessario pensare meno alla parte tecnica di come realizzare le cose e più alla logica delle nostre applicazioni.
In caso di ASP.NET MVC, ci vengono offerti anche strumenti che ci permettono di generare direttamente i pacchetti di script quelli aggiuntivi che la nostra applicazione utilizza e per essere in grado di minimizzarli per rispettare una delle migliori pratiche e aumentare le prestazioni.
Nel ASP.NET MVC abbiamo la biblioteca Ottimizzazione.Web.Sistema, così attraverso di esso possiamo accedere a metodi che ci consentono di ottimizzare gli elementi della nostra applicazione web, come il confezionamento dei diversi file di stile e Javascript.
Questa libreria include anche elementi che ci aiutano a migliorare la cache delle aggiunte statiche della nostra applicazione, così come la minimizzazione dei file, vediamo come funziona inizialmente questo plugin.
In azioneSe vediamo il file Layout.cshtml, possiamo notare che usiamo un metodo scorciatoia per definire il percorso delle risorse di stile e Javascript, questo non è altro che Render () e lo usiamo con i suoi differenziatori @Stili sì @Script, quello che fa è semplicemente impacchettare e minimizzare direttamente le risorse, è impossibile che il nostro sviluppo sia più facile, analizziamo come si chiamano:

La prima cosa che possiamo notare è che in @ Stili. Rendering () Gli stiamo passando due percorsi diversi, il che ci porta alla conclusione che in questo modo possiamo unificare tutto nello stesso file finale e con questo faremo meno richieste HTTP.
In caso di @Script Lo facciamo con un singolo elemento ma questo può essere applicato per diversi come negli stili.
Se eseguiamo uno strumento di analisi delle prestazioni nel browser, ci renderemo conto che sebbene chiamiamo questi elementi nel modello di base in questo modo, vengono comunque visualizzati in file diversi, ciò si verifica perché l'ambiente di sviluppo è abilitato eseguire il debug e quindi per facilità di leggibilità e debug non sono raggruppati in un unico file.
Per fare ciò, dobbiamo individuare il file di configurazione e indicare al nostro framework che deve consentire miglioramenti impostando la seguente opzione su true:

BundleTable.EnableOptimizations

Con questo, se eseguiamo di nuovo lo strumento di misurazione, ad esempio Yslow, lo vedremo nella sezione di minificazione e richieste HTTP tutto è stato fatto secondo le migliori pratiche.

Per impostazione predefinita il modello ha anche la struttura per definire i file di stile, sopra il documento e il script in fondo, però ci sono degli script come ad esempio modernizr.js Non possiamo definirli alla fine del documento poiché la loro funzionalità è quella di migliorare l'esperienza di caricamento della pagina, quindi deve essere eseguita immediatamente.
Con questo abbiamo terminato questo tutorial, abbiamo visto come in modo semplice ASP.NET MVC ci permette di creare pacchetti di file di stile e script oltre a minimizzarli automaticamente aiutandoci a dedicarci semplicemente a stabilire la logica della nostra applicazione.