我知道这是一个愚蠢的问题,因为它取决于图像/子画面等的大小,但是谁能给我一个更快的想法?

如果您能给出答案,您还可以描述一个比其他答案快多少,以及对此的任何证明吗,例如文章等。

提前谢谢了,

===============>>#1 票数:1

Sprite显然更快一些,因为您发出的http请求减少了。 但我没有任何统计数据。

您唯一会注意到性能显着提高的地方是当您将图片悬停在图片上时会发生变化。 如果您使用单独的图像,则浏览器将一直等到第一个图像悬停后,才开始下载第二个图像。 如果您使用精灵,则第二张图片已经加载,因此将立即显示。

  ask by bc17 translate from so

未解决问题?本站智能推荐:

3回复

从html而不是css预加载sprite图像会更快吗?

在我看来,如果对我的Sprite图片的唯一引用是在CSS中,则这两个文件不能并行下载。 首先,它必须下载css文件,然后知道它需要sprites文件,并且可以开始下载sprites。 包括一个引用精灵图像的内联CSS会更快些,以便两者并行获取吗?
1回复

哪个具有更快的绘制SVG或请求精灵图像的加载时间?

对于特定示例,以不同的颜色绘制在网站的不同部分中使用的基本形状和图标。 我应该使用svg还是sprite? 但是,请问是否有标准答案。
2回复

IE上的jQuery函数性能

我有这个函数,当光标经过时,我用来悬停和聚焦来自两行中显示的每一行,并专注于每个tr的点击。 它工作得很好,但我有IE的问题,因为速度减慢,我不明白为什么。 谁能告诉我如何提高这个功能的性能? 查看实时示例: http : //mainpage.ueuo.com/ 谢谢。
1回复

动态Sprite图像在内存中生成

我有一个webApplication,它以表格形式显示用户记录(一次200行)。 问题是这些行包含多个图像,并且根据请求URL对其进行服务,这导致每个图像生成一个请求,从而导致性能下降。 题: 是否可以为动态图像创建spriteImage? 我正在寻找可以用于在运行时将这些图
1回复

IE10 + 11:滚动和转换落后的性能

我有一个简单的代码段,用于使用JS和CSS转换创建“固定标头”。 在现代浏览器上,性能很棒,但在IE 10和11上却有所提高。 我不确定是IE的滚动事件缓慢还是样式改变。 是否有解决方法以提高性能? 还是我需要走另外一条路? ( position:fixed )-我真的不喜
2回复

在网站上,加载图像更快还是CSS代码?

我下面有代码。 它具有几个div和CSS代码。 图片图片大小约为45kb,较小。 因此,我想知道,我应该直接使用img还是使用下面的代码。 页面加载时哪一个具有更快的速度。 欣赏。 div.smileyface { width: 300px; height: 300px;
5回复

使用CSS或使用CSS调整图像大小是更好/更快 > 标签?

我想知道调整图像大小的更好/更快的方法是什么。 通常我会用CSS调整图像大小,但是大学告诉我通过使用width属性,例如 浏览器会更快地呈现页面。 谁知道这是真的吗?
3回复

通用选择器对性能有何影响?

我试图在一个页面中找到一些简单的客户端性能调整,该页面每月接收数百万的页面浏览量。 我关心的一个问题是CSS通用选择器( * )的使用。 例如,考虑一个非常简单的HTML文档,如下所示: 通用选择器会将以上声明应用于body , h1和p元素,因为它们是文档中唯一的那些元素。
1回复

使用div上的固定背景图像修复滚动性能

我正在尝试修复网站上的滚动性能问题。 我有一些带有background-size: cover div元素background-size: cover和background-attachment: fixed 。 据我了解,这些都是相当密集的GPU。 我试图通过使背景图像在div上成为单独
2回复

如何解决缩放图像以进行响应的性能问题?

对于某些图像,我更喜欢根据页面大小缩放图像以使其响应。 CSS: 如果图像不是广告牌背景图像或在不灵活的盒子中,则此解决方案效果很好。因此,我想缩放图像而不是使用jQuery插件。 但是,经常说缩放图像会导致重画和很多性能问题。 你是做什么? 有解决图像缩放问题的解