Pachet și minify în ASP.NET MVC

Una dintre sarcinile unui cadru este îmbunătățirea fluxului de lucru al unui dezvoltator prin furnizarea de instrumente și convenții care fac necesar să ne gândim mai puțin la partea tehnică a modului de realizare a lucrurilor și mai mult la logica aplicațiilor noastre.
În cazul în care ASP.NET MVC, ni se oferă și instrumente care ne permit să generăm direct pachetele de Scripturi altele pe care aplicația noastră le folosește și pentru a le putea minimiza pentru a respecta una dintre cele mai bune practici și a crește performanța.
În ASP.NET MVC avem biblioteca System.Web.Optimization, prin intermediul acestuia putem accesa metode care ne permit să optimizăm elementele aplicației noastre web, cum ar fi ambalarea diferitelor fișiere de stil și Javascript.
Această bibliotecă include, de asemenea, elemente care ne ajută să îmbunătățim memoria cache a adăugărilor statice ale aplicației noastre, precum și reducerea fișierelor, să vedem cum funcționează inițial acest plugin.
În acțiuneDacă vedem fișierul Layout.cshtml, putem observa că folosim o metodă de comandă rapidă pentru a defini calea resurselor de stil și Javascript, asta nu este altceva decât Redare () și îl folosim cu diferențiatorii săi @Styles Da @Scripts, ceea ce face este pur și simplu să împacheteze și să reducă direct resursele, este imposibil ca dezvoltarea noastră să fie mai ușoară, să analizăm cum se numesc acestea:

Primul lucru pe care îl putem observa este că în @ Styles.Render () Îi parcurgem două rute diferite, ceea ce ne conduce la concluzia că în acest fel putem unifica totul în același fișier final și cu asta vom face mai puține cereri HTTP.
În cazul în care @Scripts O facem cu un singur element, dar acest lucru poate fi aplicat pentru mai multe ca și în stiluri.
Dacă rulăm un instrument de analiză a performanței în browser, ne vom da seama că, deși numim aceste elemente în șablonul de bază în acest fel, acestea sunt încă afișate în fișiere diferite, acest lucru se întâmplă deoarece mediul de dezvoltare este activat depanare și, prin urmare, pentru ușurința lizibilității și a depanării, acestea nu sunt incluse într-un singur fișier.
Pentru a face acest lucru, trebuie să localizăm fișierul de configurare și să indicăm cadrului nostru că acesta trebuie să permită îmbunătățiri setând următoarea opțiune la adevărat:

BundleTable.EnableOptimizations

Cu aceasta, de exemplu, dacă rulăm instrumentul de măsurare din nou Yslow, vom vedea acest lucru în secțiunea de reducere și solicitări HTTP totul a fost făcut în conformitate cu cele mai bune practici.

În mod implicit, șablonul are, de asemenea, structura de definire a fișierelor de stil, deasupra documentului și a fișierului scripturi în partea de jos, totuși, există scripturi, de exemplu modernizr.js Nu le putem defini la sfârșitul documentului, deoarece funcționalitatea lor este de a îmbunătăți experiența de încărcare a paginii, deci trebuie executată imediat.
Cu aceasta am terminat acest tutorial, am văzut cum într-un mod simplu ASP.NET MVC ne permite să realizăm pachete de fișiere de stil și scripturi, pe lângă reducerea acestora, ajutându-ne să ne dedicăm pur și simplu stabilirii logicii aplicației noastre.