合并JS和CSS
2015-05-18 13:13
288 查看
1.先来看看,不用合并js的情况,传输量大
1.1新建一个 【基本】的mvc项目
然后新建一个控制器HomeController,因为js会在很多视图中用到,所以此时我们添加一个视图带布局页Index视图。为了更好的看到效果,我们删除掉会影响效果的东西。
2.2视图中的代码,超简洁
2.3开始测试
运行视图,然后在HttpWatch监视发送的请求
发现了,此次请求Index.cshtml视图,共发送了四次请求,同时看到了每次请求的数据大小
【视图压缩后大小:574byte】
【js总大小:267676+39920+17056=324652】
2.开始合并js,传输量小了
2.1布局页,以及BundleConfig中的代码如下
2.2视图页,如下
2.3开始测试
【视图页压缩后的大小:592byte】
【js传递的大小:52042byte,明显小了】
3.合并css,同合并js
1.1新建一个 【基本】的mvc项目
然后新建一个控制器HomeController,因为js会在很多视图中用到,所以此时我们添加一个视图带布局页Index视图。为了更好的看到效果,我们删除掉会影响效果的东西。
2.2视图中的代码,超简洁
2.3开始测试
运行视图,然后在HttpWatch监视发送的请求
发现了,此次请求Index.cshtml视图,共发送了四次请求,同时看到了每次请求的数据大小
【视图压缩后大小:574byte】
【js总大小:267676+39920+17056=324652】
2.开始合并js,传输量小了
2.1布局页,以及BundleConfig中的代码如下
2.2视图页,如下
2.3开始测试
【视图页压缩后的大小:592byte】
【js传递的大小:52042byte,明显小了】
3.合并css,同合并js
相关文章推荐
- 使用useref合并html中零散的js和css文件
- 使用yuicompressor-maven-plugin合并压缩js和css
- Asp.net MVC WEB 优化之 - js、css动态合并 动态压缩
- ASP.NET下使用Combres对JS、CSS合并和优化
- 第十一节:Bundles压缩合并js和css及原理分析
- CSS和JS合并优化工具-minify
- [转][前端优化]使用Combres合并对js、css文件的请求
- JS&CSS文件请求合并及压缩处理研究(四)
- JS&CSS文件请求合并及压缩处理研究(五)
- grunt自定义任务——合并压缩css和js
- 使用Glup.JS优化JS、CSS、图片,压缩合并
- iCombo开源喽!Lua版minify,合并CSS、JS文件、减少连接数。
- Intellij IDEA下使用Ant构建工具压缩合并js和css
- B\S备忘录29——MVC3下的JS、CSS合并
- PHP根据传入参数合并多个JS和CSS文件的简单实现
- 配置grunt进行css、js的检查、合并和压缩
- 在服务端合并css和js以减少http请求数
- CSS 和 JS 文件合并工具
- 使用BAT一句话命令实现快速合并JS、CSS
- web优化之-Asp.net MVC js、css动态合并 动态压缩