当前位置: 网站建设 > 网页设计 > 建站经验 >

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

时间:2013-03-02 03:52来源:未知 作者:admin 点击:

标签:使用Combres合并对js、css文件的请求 Combres(1)文件(18)一些(40)并对(1)组件(2)使用(77)请求(8)CSS(655)
此组件的一些作用和原理在我上面提及的两篇文章中有介绍,能够自行移步至对应的文章中查看。这里还有有作者介绍的一些具体的使用方法。 1%@ImportNamespace=System.Web.Routing% 2%@ImportNamespace=Combres% 页面使用 1%@ImportNamespace=Combres% 2headrun
使用Combres合并对js、css文件的请求》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233N42013.htm

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

1 <%@ Import Namespace="System.Web.Routing" %>
2 <%@ Import Namespace="Combres" %>   页面使用 1 <%@ Import Namespace="Combres" %>
2 <head runat="server">
3   ,你需要了解的21个CSS惊人技巧;  <title>Using Combres<,你究竟要做什么样的网站?;/title>
4     <%= WebExtensions.CombresLink("siteCss") %>
5     <%= WebExtensions.CombresLink("siteJs") %>
6 </head>   页面使用后果 1 <httpModules>
2         <add name="UrlRoutingModule" type="System.Web.Routing.UrlRoutingModule, 
3     System.Web.Routing, Version=3.5.0.0, Culture=neutral, 
4     PublicKeyToken=31BF3856AD364E35"/>
5  </httpModules> --> [网站建设之]使用Combres合并对js、css文件的请求

在前端优化的各种金律铁规中,“减少客户端对资源的恳求”都会在其中呈现,恰好最近对网站做一些优化,应用了一下Combres组件,有点心得,遂收拾成文。

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

   要使用哪种压缩方法,在resourceSet或者在resource上添加相应的属性即可,配置后像下面这样:

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

  配置组件 1 <combres definitionUrl="~/App_Data/combres.xml"/>

  下载Combres组件,下载下来的包里包括了DLL、辅助文件、源码跟一些例子,我们当初直接来看如何安排。

  首先配置下web.config。

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

 1 <cssMinifiers>
 2     <minifier name="yui" type="Combres.Minifiers.YuiCssMinifier, Combres">
 3    ,你知道CSS样式中“大于号”的作用吗;   <param name="CssCompressionType" type="string" value="StockYuiCompressor" />
 4       <param name="ColumnWidth" type="int" value="-1" />
 5     </minifier>
 6   </cssMinifiers>
 7   <jsMinifiers>
 8     <minifier name="msajax" ,你真的了解web标准margin吗;type="Combres.Minifiers.MSAjaxJSMinifier, Combres" 
 9     binderType="Combres.Binders.SimpleObjectBinder, Combres">
10       <param name="CollapseToLiteral" type="bool" value="true" />
11       <param name="EvalsAreSafe" type="bool" value="true" />
12       <param name="MacSafariQuirks" type="bool" value="true" />
13       <param name="CatchAsLocal" type="bool" value="true" />
14       <param name="LocalRenaming" type="string" value="CrunchAll" />
15       <param name="OutputMode" type="string" value="SingleLine" />
16       <param name="RemoveUnneededCode" type="bool" value="true" />
17       <param name="StripDebugStatements" type="bool" value="true" />
18     </minifier>
19   </jsMinifiers>

  留神:需要在项目中添加对System.Web.Routing的引用。

 1 <?xml version="1.0" encoding="utf-8" ?>
 2 <,你的财宝在哪里 也谈网络时代的业余与专业;combres xmlns='urn:combres'>
 3   <cssMinifiers>
 4     ,你的网站真的值得提高排名吗;<minifier name="yui" type="Combres.Minifiers.YuiCssMinifier, Combres">
 5       <param name="CssCompressionType" type="string" value="StockYuiCompressor" />
 6       <param name="ColumnWidth" type="int" value="-1" />
 7     </minifier>
 8   </cssMinifiers>
 9   <jsMinifiers>
10     <minifier name="msajax" type="Combres.Minifiers.MSAjaxJSMinifier, Combres" 
11     binderType="Combres.Binders.SimpleObjectBinder, Combres">
12       <param name="CollapseToLiteral" type="bool" value="true" />
13       <param name="EvalsAreSafe" type="bool" value="true" />
14       <param name="MacSafariQuirks" type="bool" value="true" />
15       <param name="CatchAsLocal" type="bool" value="true" />
16       <param name="LocalRenaming" type="string" value="CrunchAll" />
17       <param name="OutputMode" type="string" value="SingleLine" />
18       <param name="RemoveUnneededCode" type="bool" value="true" />
19     ,你的网站在百度短网址缩短有安全隐患吗?;  <param name="StripDebugStatements" type="bool" value=",你的网站做到这4点你就成功了;true" />
20     </minifier>
21   </jsMinifiers>
22   <resourceSets url="~/combres.axd" defaultDuration="30" 
23                                 defaultVersion="auto" 
24                                 defaultDebugEnabled="auto" >
25     <resourceSet name="siteCss" type="css" minifierRef="yui">
26       <resource path="~/styles/site.css" />
27       <resource path="~/styles/jquery-ui-1.7.2.custom.css" />
28     </resourceSet>
29     <resourceSet name="siteJs" type="js">
30       <resource path="~/scripts/jquery-1.3.2.js" minifierRef="msajax"  />
31      ,你有必要使用CSS的重置; <resource path="~/scripts/jquery-ui-1.7.2.custom.min.js" minifierRef="off" />
32     </resourceSet>
33   </resourceSets>
34 </combres>

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

  在configuration配置节下增加Combres配置文件的门路,此文件的作用咱们下面再说。

  园子中也有多少篇Combres组件的先容,如:Combres库学习小结以及局部源码剖析和使用Combres 库 ASP.NET 网站优化。可部署时参考起来显得有些简单,所以此文也算对此类文章的弥补。

  在configSections配置节下添加:

  添加如下格局的配置文件。 

  还需要添加httpModules的节点:

 1 <?xml version="1.0" encoding="utf-8" ?>
 2  <combres xmlns='urn:combres'>
 3 ,你应该知道的几个CSS3技巧;  <resourceSets url="~/combres.axd" defaultDuration="30" 
 4                                 defaultVersion="auto" 
 5                                 defaultDebugEnabled="auto" >
 6     <resourceSet name="siteCss" type="css">
 7       <resource path="~/styles/site.css" />
 8       <resource path="~/styles/jquery-ui-1.7.2.custom.css" />
 9     </resourceSet>
10     <resourceSet name="siteJs" type="js">
11       <resource path="~/scripts/jquery-1.3.2.js" />
12       <resource path="~/scripts/jquery-ui-1.7.2.custom.min.js" />
13     </resourceSet>
14   </resourceSets>
15 </combres>     defaultDuration 默认缓存的时光,单位为天数 defaultVersion 合并后的资源版本,在你修正了资源文件后需要对版本进行修改,你可以指定auto或者手动设置一个版本号 defaultDebugEnabled 调试的模式,为true时那么资源文件不进行压缩,开发时可以设置成true,上线后设置成false

  下面来配置Combres的配置文件,依照上面的路径配置,我们就在App_Data下添加combres.xml文件。

   详细增添压缩方式的配置节点,用于抉择哪种办法对资源文件进行紧缩:

1 <configSections>
2       <section name="combres" type="Combres.ConfigSectionSetting, Combres, 
3     Version=2.0.0.0, Culture=neutral, PublicKeyToken=49212d24adfbe4b4"/>
4  </configSections>
5  <combres definitionUrl="~/App_Data/combres.xml"/> 1 protected void Application_Start(object sender, EventArgs e)
2 {
3     RouteTable.Routes.AddCombresRoute("Combres Route");
4 }

  配置好了后应当像这样:

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

ipro CodeHighlighter (freeware)


-->1 <section name="combres" type="Combres.ConfigSectionSetting, Combres, Version=2.0.0.0, Culture=neutral, PublicKeyToken=49212d24adfbe4b4"/>  Tag:CSS   JS   CSS   JS  
(责任编辑:网站建设)
使用Combres合并对js、css文件的请求相关文章
上一篇:你需要了解的21个CSS惊人技巧 下一篇:使用CSS 3新技术 完美实现圆角效果
回到顶部