1.先来看看,不用合并js的情况,传输量大

1.1新建一个 【基本】的mvc项目

然后新建一个控制器HomeController,因为js会在很多视图中用到,所以此时我们添加一个视图带布局页Index视图。为了更好的看到效果,我们删除掉会影响效果的东西。

合并JS和CSS

2.2视图中的代码,超简洁

合并JS和CSS

2.3开始测试

运行视图,然后在HttpWatch监视发送的请求

发现了,此次请求Index.cshtml视图,共发送了四次请求,同时看到了每次请求的数据大小

【视图压缩后大小:574byte】

【js总大小:267676+39920+17056=324652】

合并JS和CSS

2.开始合并js,传输量小了

2.1布局页,以及BundleConfig中的代码如下

合并JS和CSS

2.2视图页,如下

合并JS和CSS

2.3开始测试

【视图页压缩后的大小:592byte】

【js传递的大小:52042byte,明显小了】

合并JS和CSS

3.合并css,同合并js

合并JS和CSS

http://www.cnblogs.com/2star

1.先来看看,不用合并js的情况,传输量大

1.1新建一个 【基本】的mvc项目

然后新建一个控制器HomeController,因为js会在很多视图中用到,所以此时我们添加一个视图带布局页Index视图。为了更好的看到效果,我们删除掉会影响效果的东西。

合并JS和CSS

2.2视图中的代码,超简洁

合并JS和CSS

2.3开始测试

运行视图,然后在HttpWatch监视发送的请求

发现了,此次请求Index.cshtml视图,共发送了四次请求,同时看到了每次请求的数据大小

【视图压缩后大小:574byte】

【js总大小:267676+39920+17056=324652】

合并JS和CSS

2.开始合并js,传输量小了

2.1布局页,以及BundleConfig中的代码如下

合并JS和CSS

2.2视图页,如下

合并JS和CSS

2.3开始测试

【视图页压缩后的大小:592byte】

【js传递的大小:52042byte,明显小了】

合并JS和CSS

3.合并css,同合并js

合并JS和CSS

相关文章:

  • 2021-09-02
  • 2021-05-23
  • 2021-12-06
  • 2022-12-23
  • 2022-12-23
  • 2021-06-26
  • 2021-08-22
  • 2021-08-15
猜你喜欢
  • 2022-12-23
  • 2021-08-01
  • 2022-01-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案