Verpakken en verkleinen in ASP.NET MVC

Een van de taken van een framework is om de workflow van een ontwikkelaar te verbeteren door tools en conventies te bieden die het nodig maken om minder na te denken over het technische deel van hoe dingen te bereiken en meer over de logica van onze applicaties.
In het geval van ASP.NET MVC, krijgen we ook tools aangeboden waarmee we direct de pakketten van Scripts extra die onze applicatie gebruikt en om ze te kunnen verkleinen om te voldoen aan een van de best practices en de prestaties te verbeteren.
In ASP.NET MVC we hebben de bibliotheek Systeem.Web.Optimalisatie, zodat we toegang hebben tot methoden waarmee we de elementen van onze webtoepassing kunnen optimaliseren, zoals het verpakken van de verschillende stijlbestanden en Javascript.
Deze bibliotheek bevat ook elementen die ons helpen de cache van de statische toevoegingen van onze applicatie te verbeteren, evenals de verkleining van de bestanden, laten we eens kijken hoe deze plug-in in eerste instantie werkt.
In actieAls we het bestand zien Lay-out.cshtml, kunnen we opmerken dat we een snelkoppelingsmethode gebruiken om het pad van de stijlbronnen te definiëren en Javascript, dit is niets meer dan Veroorzaken () en we gebruiken het met zijn differentiators @Styles Y @Scripts, wat het doet is eenvoudigweg de bronnen inpakken en direct verkleinen, het is onmogelijk voor onze ontwikkeling om eenvoudiger te zijn, laten we analyseren hoe ze heten:

Het eerste wat we kunnen opmerken is dat in @ Stijlen.Render () We geven het twee verschillende routes door, wat ons tot de conclusie brengt dat we op deze manier alles in hetzelfde definitieve bestand kunnen verenigen en dat we daarmee minder verzoeken zullen doen HTTP.
In het geval van @Scripts We doen het met een enkel element maar dit kan voor meerdere worden toegepast zoals in de stijlen.
Als we een prestatie-analysetool in de browser uitvoeren, zullen we ons realiseren dat hoewel we deze elementen op deze manier in de basissjabloon aanroepen, ze nog steeds in verschillende bestanden worden weergegeven, dit gebeurt omdat de ontwikkelomgeving is ingeschakeld debuggen en daarom zijn ze voor het gemak van leesbaarheid en foutopsporing niet gebundeld in een enkel bestand.
Om dit te doen, moeten we het configuratiebestand lokaliseren en daar aan ons framework aangeven dat het verbeteringen moet toestaan ​​door de volgende optie in te stellen op true:

BundleTable.Optimalisaties inschakelen

Hiermee, als we het meetinstrument opnieuw gebruiken, bijvoorbeeld Yslow, we zullen dat zien in het gedeelte over minificatie en verzoeken HTTP alles is gedaan volgens de best practices.

Standaard heeft de sjabloon ook de structuur van het definiëren van de stijlbestanden, boven het document en de scripts onderaan, maar er zijn scripts zoals bijvoorbeeld modernizr.js We kunnen ze niet aan het einde van het document definiëren, omdat hun functionaliteit is om het laden van pagina's te verbeteren, dus het moet onmiddellijk worden uitgevoerd.
Hiermee hebben we deze tutorial afgerond, we hebben op een eenvoudige manier gezien hoe ASP.NET MVC stelt ons in staat om pakketten met stijlbestanden en scripts te maken en ze automatisch te verkleinen, waardoor we ons eenvoudig kunnen wijden aan het vaststellen van de logica van onze applicatie.