|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
网页制造Poluoluo文章简介:CSSsprites是网站速率的优化很主要的一环,但也有其对功能的倒霉的地方。
CSSsprites是网站速率的优化很主要的一环,但也有其对功能的倒霉的地方。
VladimirVukićević的博文《ToSpriteOrNotToSprite》提到:CSSsprites的最年夜成绩是内存占用。非准确机关的sprite图片会占意图想不到的内存空间。以WHITTV网站为例,这里是一张sprite图片,1299x15,000的png,已经由很好的紧缩,实践下载巨细只要26K摆布,可是扫瞄器不会转换紧缩的图象数据。当图片下载并解压,将泯灭75MB内存(1299*15000*4)。假如图片没有阿尔法通明,大概会减小到1299*15000*3,可常常仍是就义了衬着速率。即使云云,我们占用了55MB内存。这张图片尽年夜部分是空缺的,甚么都没有,没有甚么有效的内容。仅仅由于这张图片,当扫瞄器只加载WHIT主页时会增添75+MB内存。 MozillaWebDevelopmentBlog在《UseSpritesWisely》中总结道:简而言之,即便是很小的sprite图片也有大概吃失落大批的体系内存--每一个页面50M乃至100M大概更多。速率固然相当主要,但要意想到sprite及其他hacks一样会影响用户体验。 如今再回过火看之前的《Yahoo与Gmail的CSSSprites对照》,综合功能方面Gmail无疑占了下风。固然,这些只是前端层面的优化,从本源下去看,计划师用起码的图片来完成最优的效果才是霸道。
正如雅虎女工程师NicoleSullivan在Velocity2009年夜会演讲PPT《TheFastAndTheFabulous》所提到的:consistentdesign=cleancode=fastsite(分歧的计划=更洁净的代码=更快的网站) 你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。 |
|