使用Combres合并对js、css文件的请求

网络整理 - 07-27
在前端优化的各种金律铁规中,“减少客户端对资源的请求”都会在其中出现,刚好最近对网站做一些优化,使用了一下Combres组件,有点心得,遂整理成文。

  园子中也有几篇Combres组件的介绍,如:Combres库学习小结以及部分。可部署时参考起来显得有些简略,所以此文也算对此类文章的补充。

  配置组件

  此组件的一些作用和原理在我上面提及的两篇文章中有介绍,可以自行移步至对应的文章中查看。这里还有有作者介绍的一些详细的使用方法。

  下载Combres组件,下载下来的包里包含了DLL、帮助文件、源码和一些例子,我们现在直接来看如何部署。

  在下载下来的\Binary\merged\中有一个Combres.dll,在readme文件中得知其对可能要用到的dll都进行了打包,如Combres.dll、fasterflect.dll、log4net.dll、min.dll、 yahoo.yui.compressor.dll等等。

  在项目中引用此dll,下面来配置下配置文件。

  首先配置下web.config。

  在configSections配置节下添加:

  在configuration配置节下添加Combres配置文件的路径,此文件的作用我们下面再说。

  配置好了后应该像这样:

    

  还需要添加   

  注意:需要在项目中添加对              

   具体添加压缩方法的配置节点,用于选择哪种方法对资源文件进行压缩:

                  

   要使用哪种压缩方法,在                                 

  最后还需要在Global.ascx的Application_Start中添加加载的方法即可:

  }

  记得在Global.ascx的头部要引入命名空间:

  页面使用

     

  页面使用效果

  当页面中引用了很多个js、css文件时,将都被合并成两个请求,以达到减少HTTP请求的目的。