详解Asp.NetMVC的Bundle捆绑-创新互联

大多数浏览器会对同一域名的请求限制请求数量,一般是在8个以内。每次最多可以同时请求8个,要是资源多于8个,那么剩下的就要排队等待请求了。所以为了提高首次加载页面的速度。提高请求并发请求数量,降低请求次数就是一个很重要的点。

专注于为中小企业提供网站设计制作、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业四川免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

Bundle

Asp.Net MVC4和.NET Framework4.5提供了支持捆绑和压缩的新类库System.Web.Optimization。

该类库提供了如下特性:

捆绑-将多个资源文件(javascript,css)合并成一个单独的文件,但是合并成的单独文件必须是相同类型,要么都是JavaScript要么都是CSS。

压缩资源文件-清理空格,换行等,压缩文件大小。

自动清理缓存-服务端更新资源时,客户端不再使用缓存资源,而是重新从服务端缓存。

1. 定义Bundle

在App_Start文件中新增一个BundleConfig.cs文件。实现静态RegisterBundles方法。该方法用来创建,注册和配置bundle。(在该目录下代码最好把他们的命名空间去掉 ".App_Start",保持一个统一的高等级的命名空间)。

调用BundleCollection.Add()方法添加捆绑资源,该方法参数为ScriptBundle或StyleBundle。

ScriptBundle和StyleBundle需要传递一个虚拟路径给构造函数。该虚拟路径其实就是该捆绑的名称或者标识符。所以该虚拟路径可以任意设置,并不需要匹配物理路径。Bundle的Include方法包含一个或者多个脚本。

通过引用该虚拟路径就可以使用这些捆绑的资源@Script.Render("~/bundles/jquery")。

Debug模式下默认没有开启捆绑和压缩,发布模式下默认是开启的。

public static void RegisterBundles(BundleCollection bundles)
{
  //该值为true,在任何模式下都使用捆绑和压缩。
  //BundleTable.EnableOptimizations = true;
  
  //添加名称为“~/bundles/jquery”脚本捆绑
  bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));
  //添加名称为“~/Content/css”样式捆绑
  bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/Site.css"));
}

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

当前名称:详解Asp.NetMVC的Bundle捆绑-创新互联
网页网址:https://www.cdcxhl.com/article26/eogjg.html

成都网站建设公司_创新互联,为您提供营销型网站建设定制网站虚拟主机网站排名标签优化企业建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站网页设计