Balení a minifikace v ASP.NET MVC

Jedním z úkolů rámce je zlepšit pracovní postup vývojáře poskytováním nástrojů a konvencí, díky nimž je nutné méně přemýšlet o technické části toho, jak věcí dosáhnout, a více o logice našich aplikací.
V případě ASP.NET MVC, jsou nám také nabízeny nástroje, které nám umožňují přímo generovat balíčky Skripty další, které naše aplikace používá, a abychom je mohli zmenšit, aby byly v souladu s jedním z nejlepších postupů a zvýšily výkon.
v ASP.NET MVC máme knihovnu System.Web.OptimalizaceDíky tomu můžeme přistupovat k metodám, které nám umožňují optimalizovat prvky naší webové aplikace, jako je balení různých souborů stylů a Javascript.
Tato knihovna také obsahuje prvky, které nám pomáhají vylepšit mezipaměť statických doplňků naší aplikace a také minifikaci souborů, podívejme se, jak tento plugin zpočátku funguje.
V akciPokud vidíme soubor Layout.cshtml, můžeme si všimnout, že používáme metodu zkratek k definování cesty prostředků stylu a Javascript, to není nic jiného než Poskytnout () a používáme jej s jeho diferenciátory @Styly Y @Skripty„To, co dělá, je jednoduše zabalit a minifikovat zdroje přímo, je nemožné, aby byl náš vývoj snazší, pojďme analyzovat, jak se jim říká:

První, čeho si můžeme všimnout, je, že v @ Styles.Render () Procházíme to dvěma různými cestami, což nás vede k závěru, že tímto způsobem můžeme sjednotit vše do stejného konečného souboru a tím podat méně požadavků HTTP.
V případě @Skripty Děláme to s jediným prvkem, ale to lze použít pro několik jako ve stylech.
Pokud v prohlížeči spustíme nástroj pro analýzu výkonu, uvědomíme si, že ačkoli tyto prvky takto nazýváme v základní šabloně, stále se zobrazují v různých souborech, k tomu dochází, protože je povoleno vývojové prostředí ladit a proto pro snadnou čitelnost a ladění nejsou seskupeny do jednoho souboru.
Chcete -li to provést, musíme najít konfigurační soubor a tam uvést našemu rámci, že musí umožnit vylepšení nastavením následující možnosti na hodnotu true:

BundleTable.EnableOptimizations

Pokud například znovu spustíme měřicí nástroj Yslow, to uvidíme v sekci minifikace a požadavků HTTP vše bylo provedeno podle osvědčených postupů.

Ve výchozím nastavení má šablona také strukturu definující soubory stylů nad dokumentem a skripty ve spodní části jsou však například skripty modernizr.js Nemůžeme je definovat na konci dokumentu, protože jejich funkcí je zlepšit zážitek z načítání stránky, takže musí být spuštěn okamžitě.
Tím jsme dokončili tento tutoriál, viděli jsme, jak jednoduchým způsobem ASP.NET MVC nám umožňuje vytvářet balíčky souborů stylů a skriptů, kromě toho, že je automaticky minimalizujeme, což nám pomáhá jednoduše se věnovat vytváření logiky naší aplikace.