CSS生成的图标VS图片

将一个无意象设计(使用CSS生成的图标),比传统的基于图像的设计,加载速度更快?

注:我完全理解的能够改变图标的​​颜色灵活性,大小等将CSS文件的几个变化是更有效,但我不确定的加载时间。

背景:我期待到完成一个客户端是使用CSS生成页面的图标,这是一个项目的要求,以减少加载时间在移动设备上的无意象设计的项目。 通常情况下,我只想切出来的图标在图像精灵,而不是担心加载时间看到浏览器将只需要加载和缓存图像。

谢谢!

--------------解决方案-------------

是的,如果网站的图标可以完全(相当有效)CSS生成,这将载入图像比速度。 擦的是,大多数的图标都太复杂,使用CSS生成和CSS可能会在某些边缘情况变得非常复杂,具有跨浏览器的维护复杂的代码相关的维修问题,可能得不偿失。 但总的来说,如果你能在CSS做到这一点,而无需拼命工作,这将是最优化,并在你描述的很可能是值得的优化方案。

我不认为这个问题是,是否它的速度更快,但无论是否是一个好主意。 我不会牺牲图像使用通过使一切都变成纯CSS的灵活性。 您保证与图像的跨浏览器的兼容性,一些CSS3不能。 加的图像更易于维护。

认为以这种方式..的CSS图标(以产生一个图标所需的代码的尺寸)的大小是有利的,而另一个主要优点是在服务器命中。 永远图像图标有一个打击,这意味着有一个等待时间,下载时间和渲染时间,但其只以毫秒为单位的等待时间,下载时间是成正比的服务器的负载。

在这种情况下,CSS3图标,不仅节省时间和波段宽度也降低服务器命中的css文件下载只有一次,它包含了所有整个网站的样式声明。

其优点是巨大的选择CSS图标。 但也有一些情况下,一个CSS图标不suffecient,所以它由开发人员从CSS图标或基于需求的图像选择。

分类:CSS 时间:2015-03-15 人气:4
本文关键词: 图像,CSS
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.304 (s). 10 q(s)