网页设计中谨慎使用CSS sprites_知与识的空间

网页设计中谨慎使用CSS sprites_知与识的空间_百度空间

CSS sprites 是网站速度的优化很重要的一环，但也有其对性能的不利之处。

Vladimir Vuki?evi? 的博文《》提到：

CSS sprites 的{zd0}问题是内存占用。非xx构造的 sprite 图片会占用意想不到的内存空间。以 WHIT TV 网站为例，是一张 sprite 图片，1299x15,000 的png，已经经过很好的压缩，实际下载大小只有26K左右，但是浏览器不会转换压缩的图像数据。当图片下载并解压，将耗费75MB 内存(1299 * 15000 * 4)。如果图片没有阿尔法透明，可能会减小到1299 * 15000 * 3，可往往还是牺牲了渲染速度。即便如此，我们占用了55MB内存。这张图片绝大部分是空白的，什么都没有，没有什么有用的内容。仅仅因为这张图片，当浏览器只加载时会增加 75+MB内存。

在《》中总结道：

简而言之，即使是很小的 sprite 图片也有可能吃掉大量的系统内存 -- 每个页面50M甚至100M或者更多。速度虽然至关重要，但要意识到 sprite 及其他 hacks 同样会影响用户体验。

现在再回过头看之前的《》，综合性能方面 Gmail 无疑占了上风。当然，这些只是前端层面的优化，从根源上来看，设计师用最少的图片来实现{zy}的效果才是王道。

正如雅虎女工程师 Nicole Sullivan 在 Velocity 2009 大会演讲 PPT 《》所提到的：

consistent design = clean code = fast site（一致的设计 = 更干净的代码 = 更快的网站）

郑重声明：资讯【网页设计中谨慎使用CSS sprites_知与识的空间_百度空间】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——