代码改变世界

MVC中的JS和CSS压缩

2015-09-25 18:02  只喝牛奶的杀手  阅读(1548)  评论(1编辑  收藏  举报
小说一下Js和CSS压缩的好处:
1、减小了文件的体积 
2、减小了网络传输量和带宽占用 
3、减小了服务器的处理的压力 
4、提高了页面的渲染显示的速度 

很多建议将站点的静态文件(如图片、js、css 等)放在一个专门的域名下访问,由于该域名与主站域名不同,所以浏览器就不会把主域名下的 Cookie 传给该域,减少了网络开销,一定程度提高了页面加载速度,特别是细碎静态文件特别多的情况下效果显著。
下面说ASP.NET MVC中是如何做压缩的
如图
找到项目文件夹下对应的App_Start>BundleConfig.cs
 
js 的压缩
   bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-{version}.js")); 
css的压缩
  bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css")) 
 
页面引用还和直接调用StyleBundle的内容,这就是利用MVC中自带的压缩。