博得概况  多媒体简介  我们的服务  案例展示  联系方式  留言板 招贤纳士 | 设为首页 | E-MAIL
 

  服务端合并和压缩JS和CSS文件 多媒体
 
2在服务端合并和压缩Javas cript和CSS文件

Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是重庆动画制作中比重最大的一条规则。减少HTTP请求的方案主要有合并Javas cript和CSS文件、CSS Sprites、图像映射(Image Map)和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术尚未大量使用。目前大部分网页中的Javas cript和CSS文件数量和开发时一致,少量的网页会根据实际情况采取本地合并,这些合并中相当多的是有选择地手动完成,每次新的合并都需要重新在本地完成并上传到服务器,比较的随意和繁琐,同样文件的压缩也有类似的情况。而利用服务端的合并和压缩,我们就可以按照开发的逻辑尽可能让文件的颗粒度变小,利用网页中URL的规则来自动实现文件的合并和压缩,这会相当的灵活和高效。

YUI Combo Handler

2008年7月YUI Team宣布在YAHOO! CDN上对YUI Javas cript组件提供Combo Handler服务。Combo Handler是Yahoo!开发的一个Apache模块,它实现了开发人员简单方便地通过URL来合并Javas cript和CSS文件,从而大大减少文件请求数。比如在重庆FLASH制作页面上使用YUI2的Rich Text Editor组件需要引入多个Javas cript文件,常用方式如下:


<s cript src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js";></s cript>
<s cript src="http://yui.yahooapis.com/2.8.0r4/build/container/container_core-min.js";></s cript>
<s cript src="http://yui.yahooapis.com/2.8.0r4/build/menu/menu-min.js";></s cript>
<s cript src="http://yui.yahooapis.com/2.8.0r4/build/element/element-min.js";></s cript>
<s cript src="http://yui.yahooapis.com/2.8.0r4/build/button/button-min.js";></s cript>
<s cript src="http://yui.yahooapis.com/2.8.0r4/build/editor/editor-min.js";></s cript>
而使用Combo Handler服务之后,则上述的代码可以写为:


<s cript src="http://yui.yahooapis.com/combo?
2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js&
2.8.0r4/build/container/container_core-min.js&
2.8.0r4/build/menu/menu-min.js&
2.8.0r4/build/element/element-min.js&
2.8.0r4/build/button/button-min.js&
2.8.0r4/build/editor/editor-min.js"></s cript>
除了代码的可读性稍稍有一点点降低外,使用Combo Handler服务大大的降低了重庆影视制作HTTP请求数,同时也减少了URL代码量,这对于Web性能优化来讲至关重要。所以,随后YUI从2.6.0开始,其核心组件YUI Loader内置了Combo Handling功能,即使用YUI Loader时,通过配置combine属性就可以把要加载的多个Javas cript或CSS文件按照使用Combo Handler服务的形式合并起来,这时只要静态文件的服务器支持Combo Handler就行了。在YUI中当combine配置为true时,CDN默认是使用Yahoo! CDNhttp://yui.yahooapis.com),所以没有任何问题。这正是YUI最迷人的地方之一。

遗憾的http://yui.yahooapis.com在中国的速度并不佳,本来中国雅虎提http://cn.yui.yahooapis.com/ ,但尚未提供Combo Handler服务,同时因种种原因,其更新在YUI 2.7.0之后就停滞了。更糟糕的是Yahoo!开发的支持Combo Handler的Apache模块虽然据传有计划开源,但至少现在依旧是私有技术,要使用就需要自己实现类似功能,所以国内类似技术的应用并不太多。

1997年,OMG组织(Object Management Group对象管理组织)发布了统一建模语言(Unified Modeling Language,UML)。UML的目标之一就是为开发团队提供标准通用的设计语言来开发和构建计算机应用。UML提出了一套IT专业人员期待多年的统一的标准建模符号。通过使用UML,这些人员能够阅读和交流系统架构和设计规划--就像建筑工人多年来所使用的建筑设计图一样。

2003年,UML已经获得了业界的认同。在所见过的专业人员的简历中,75%都声称具备UML的知识。然而,在同绝大多数求职人员面谈之后,可以明显地看出他们并不真正了解UML。通常地,他们将UML用作一个术语,或对UML一知半解。大家对UML缺乏理解的这种状况,促进我撰写这篇关于UML 1.4的快速入门文章。当阅读完本文时,您还不具备足够的知识可以在简历上声称自己掌握了UML,但是您已具有了进一步钻研该语言的良好起点。



本文出自:重庆博得多媒体
  2010-06-21


2012 WWW.CQREDTIME.COM All RIGHTS RESERVED.   E-MAIL:cqredtime@163.com
重 庆 博 得 文 化 传 媒 有 限 公 司 版 权 所 有
客户服务热线:86-023-68781096 13452883959 15320360086  客服QQ:3775303
地址:重庆市九龙坡区杨家坪四季花园2-20-15  www.cqredtime.com
重庆多媒体制作 重庆影视制作 电子楼书 FLASH动画 3D影视制作 虚拟现实 360度全景演示 产品演示