Paketera och minifiera i ASP.NET MVC

En av uppgif.webpterna för ett ramverk är att förbättra arbetsflödet för en utvecklare genom att tillhandahålla verktyg och konventioner som gör det nödvändigt att tänka mindre på den tekniska delen av hur man uppnår saker och mer om logiken i våra applikationer.
I fallet med ASP.NET MVC, erbjuds vi också verktyg som gör att vi kan generera paketen direkt Skript ytterligare sådana som vår applikation använder och för att kunna minimera dem för att följa en av de bästa metoderna och öka prestanda.
I ASP.NET MVC vi har biblioteket System.Web.Optimization, så genom det kan vi komma åt metoder som gör att vi kan optimera elementen i vår webbapplikation, till exempel förpackning av olika stilfiler och Javascript.
Detta bibliotek innehåller också element som hjälper oss att förbättra cacheminnet för de statiska tilläggen i vår applikation, samt minifiering av filerna, låt oss se hur det här tillägget fungerar inledningsvis.
I aktionOm vi ​​ser filen Layout.cshtml, kan vi märka att vi använder en genvägsmetod för att definiera sökvägen för stilresurserna och Javascript, detta är inget mer än Framställa () och vi använder den med dess differentiatorer @Stilar Y @Scripts, vad det gör är helt enkelt att packa och förminska resurserna direkt, det är omöjligt för vår utveckling att bli enklare, låt oss analysera vad de kallas:

Det första vi kan märka är att i @ Styles.Render () Vi passerar det två olika vägar, vilket leder oss till slutsatsen att vi på detta sätt kan förena allt i samma slutliga fil och med det kommer vi att göra färre förfrågningar HTTP.
I fallet med @Scripts Vi gör det med ett enda element men detta kan tillämpas på flera som i stilarna.
Om vi ​​kör ett prestandaanalysverktyg i webbläsaren kommer vi att inse att även om vi kallar dessa element i basmallen på detta sätt, så visas de fortfarande i olika filer, detta sker eftersom utvecklingsmiljön är aktiverad felsöka och för att underlätta läsbarhet och felsökning är de inte buntade i en enda fil.
För att göra detta måste vi hitta konfigurationsfilen och där ange för vårt ramverk att den måste tillåta förbättringar genom att ställa in följande alternativ till sant:

BundleTable.EnableOptimizations

Med detta, om vi till exempel kör mätverktyget igen Yslow, kommer vi att se det i avsnittet om minifiering och förfrågningar HTTP allt har gjorts enligt bästa praxis.

Som standard har mallen också strukturen för att definiera stilfilerna ovanför dokumentet och skript längst ner finns det dock skript som till exempel modernizr.js Vi kan inte definiera dem i slutet av dokumentet eftersom deras funktion är att förbättra sidladdningsupplevelsen, så det måste köras omedelbart.
Med detta avslutade vi denna handledning, vi såg hur på ett enkelt sätt ASP.NET MVC tillåter oss att göra paket med stilfiler och skript utöver att förminska dem automatiskt och hjälpa oss att helt enkelt ägna oss åt att skapa logiken i vår applikation.