求知 文章 文库 Lib 视频 Code iProcess 课程 角色 咨询 工具 火云堂 讲座吧   成长之路  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 

MVC框架教程
MVC框架架构
MVC框架ASP.NET表单
MVC框架-第一个程序
MVC框架-文件夹
MVC框架-模型
MVC框架-控制器
MVC框架-视图
MVC框架-布局
MVC框架-路由引擎
MVC框架-动作过滤器
MVC框架-高级示例
MVC框架-AJAX支持
MVC框架-捆绑
MVC框架-异常处理
 
 

MVC框架 - 捆绑
101 次浏览
17 次
 捐助

捆绑和缩小是两个性能改进提高应用程序在请求负载时的技术。目前大多数的主流浏览器限制每个主机同时连接到六个数量。这意味着,在一个时间,所有的其他请求将被浏览器排队。

启用捆绑和缩小

为使捆绑和缩小MVC应用程序,打开Web.config文件的配置解决。 在该文件中搜索System.Web编译设置:

<system.web>      <compilation debug="true" />  </system.web>

默认情况下,调试参数设置为true,这意味着捆绑和缩小被禁用。请将此参数设置为false。

捆绑

为了提高应用程序的性能,ASP.NET MVC提供了内置的功能来捆绑多个文件合并为一个文件,进而改善较少的HTTP请求的页面加载并提高性能。

捆绑是文件的一个简单的逻辑组,可以通过唯一的名称来参照和加载一个HTTP请求。

默认情况下,MVC应用程序的BundleConfig(位于App_Start文件夹中)使用下面的代码:

public static void RegisterBundles(BundleCollection bundles)
        {
            // Following is the sample code to bundle all the css files in the project 		     
            // The code to bundle other javascript files will also be similar to this	
            bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                        "~/Content/themes/base/jquery.ui.core.css",
                        "~/Content/themes/base/jquery.ui.tabs.css",
                        "~/Content/themes/base/jquery.ui.datepicker.css",
                        "~/Content/themes/base/jquery.ui.progressbar.css",
                        "~/Content/themes/base/jquery.ui.theme.css"));
         }

上面的代码基本上所有的捆绑中存在于Content/themes/base 文件夹中的CSS文件到一个文件中。

缩小

缩小是通过缩短变量名优化JavaScript,CSS代码,另一个性能改进的技术,去除不必要的空格,换行和注释等这反过来又降低文件的大小,并有助于应用程序加载速度。

缩小使用Visual Studio和Web扩展

对于使用这个选项,Visual Studio先安装Web要点扩展。在此之后,当鼠标右键点击任何CSS或JavaScript文件,它会显示你创建该文件的版本缩小的选择。

所以,如果有一个名为Site.css的CSS文件,它会创建其精缩版本Site.min.css。

现在,下一次当应用程序将在浏览器中运行,它会捆绑并运行如下所有的CSS和JS文件,从而提高应用程序的性能。

 


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



101 次浏览
17 次
 捐助
 


每天2个文档/视频
扫描微信二维码订阅
订阅技术月刊
获得每月300个技术资源
 
 

关于我们 | 联系我们 | 京ICP备10020922号 京公海网安备110108001071号