Pakk og minify i ASP.NET MVC

En av oppgavene til et rammeverk er å forbedre arbeidsflyten til en utvikler ved å tilby verktøy og konvensjoner som gjør det nødvendig å tenke mindre på den tekniske delen av hvordan vi skal oppnå ting og mer om logikken i applikasjonene våre.
I tilfelle av ASP.NET MVC, tilbys vi også verktøy som lar oss generere pakker med Skript flere som programmet vårt bruker og for å kunne minimere dem for å overholde en av de beste fremgangsmåtene og øke ytelsen.
I ASP.NET MVC vi har biblioteket System.Web.Optimization, så gjennom det kan vi få tilgang til metoder som lar oss optimalisere elementene i nettapplikasjonen vår, for eksempel å pakke de forskjellige stilfilene og Javascript.
Dette biblioteket inneholder også elementer som hjelper oss med å forbedre hurtigbufferen for de statiske tilleggene til applikasjonen vår, i tillegg til minifisering av filene, la oss se hvordan denne pluginen fungerer i utgangspunktet.
I aksjonHvis vi ser filen Layout.cshtml, kan vi legge merke til at vi bruker en snarveimetode for å definere banen til stilressursene og Javascript, dette er ikke noe mer enn Gjengi () og vi bruker den med sine differensatorer @Stiler Y @Scripts, det det gjør er ganske enkelt å pakke og minifisere ressursene direkte, det er umulig for vår utvikling å bli lettere, la oss analysere hva de kalles:

Det første vi kan legge merke til er at i @ Styles.Render () Vi passerer den to forskjellige ruter, noe som fører oss til den konklusjonen at vi på denne måten kan forene alt i den samme siste filen, og med det vil vi sende færre forespørsler HTTP.
I tilfelle av @Scripts Vi gjør det med et enkelt element, men dette kan brukes på flere som i stilene.
Hvis vi kjører et ytelsesanalyseverktøy i nettleseren, vil vi innse at selv om vi kaller disse elementene i basismalen på denne måten, vises de fremdeles i forskjellige filer, men dette skjer fordi utviklingsmiljøet er aktivert feilsøking og derfor er de for å lette lesbarheten og feilsøkingen ikke samlet i en enkelt fil.
For å gjøre dette må vi finne konfigurasjonsfilen og der angi for vårt rammeverk at den må tillate forbedringer ved å sette følgende alternativ til sant:

BundleTable.EnableOptimizations

Med dette, for eksempel hvis vi kjører måleverktøyet igjen Yslow, vil vi se det i delen om minifisering og forespørsler HTTP alt har blitt utført etter beste praksis.

Som standard har malen også strukturen til å definere stilfilene, over dokumentet og skript nederst, men det er skript som for eksempel modernizr.js Vi kan ikke definere dem på slutten av dokumentet siden funksjonaliteten deres er å forbedre sidelastingsopplevelsen, så den må kjøres umiddelbart.
Med dette fullførte vi denne opplæringen, vi så hvordan på en enkel måte ASP.NET MVC lar oss lage pakker med stilfiler og skript i tillegg til å forkorte dem automatisk og hjelpe oss med å bare dedikere oss til å etablere logikken i applikasjonen vår.