Posted By:
Test
Bundling and Minification in MVC 4
Bundling: It’s a simple logical group of files that could be referenced by unique name and being loaded with one HTTP requestor.
Minification: It’s a process of removing unnecessary whitespace, line break and comments from code to reduce its size thereby improving load times.
Bundling: It’s a simple logical group of files that could be referenced by unique name and being loaded with one HTTP requestor.
Minification: It’s a process of removing unnecessary whitespace, line break and comments from code to reduce its size thereby improving load times.
Project Solution:Tools->Library
Package manager->Package Manager console clickbottom below usePM>Install-Package
Microsoft.Web.Optimization –PreSupport in Bin Files:Microsoft.system.Web.OptimazationMicrosoft.Web.infrastructure
WebGrease
Using Global.asax using Register bundles with Application_Start:
void Application_Start(object sender, EventArgs e)
{
// Code that runs on application startup
Bundle ins1 = new Bundle("~/Htpage");
ins1.Include("~/Scripts/jquery-1.4.1-vsdoc.js");
ins1.Include("~/Scripts/jquery-1.4.1.js");
ins1.Include("~/Scripts/jquery-1.4.1-min.js");
}
Using Application page using unique name js file using Htpage/Scripts
<head runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<%: System.Web.Optimization.Scripts.Render("~/Htpage/Scripts" )%>
</head>
Website :
1. Add Dll File Microst.Web.optimazation.dll in bin folder.
2. then global.asax file to add global.asax.cs file to needed So Add Global.cs
How can add Global.cs file
1. App_data to added the new Class file ,File Name is Global.cs
2. Add Import package name “Using System.web.optimazation”
3. class name to add “public class Global:System.Web.HttpApplication”
4. Add the Application_Start function below item .
5. void Application_Start(object sender, EventArgs e)
{
// Code that runs on application startup
Bundle ins1 = new Bundle("~/Htpage");
ins1.Include("~/Scripts/jquery-1.4.1-vsdoc.js");
ins1.Include("~/Scripts/jquery-1.4.1.js");
ins1.Include("~/Scripts/jquery-1.4.1-min.js");
}
6. Using Application page using unique name js file usingHtpage/Scripts
<head runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<%: System.Web.Optimization.Scripts.Render("~/Htpage/Scripts" )%>
</head>
Before And After checking page script size in Firebox
