【问题标题】:Css Sprites - Is my file too big?Css Sprites - 我的文件太大了吗?
【发布时间】:2013-03-09 06:41:38
【问题描述】:

我以前在我的网页上使用过不同的图像,现在我要进行优化。 顺便说一句,这是一个约会网站。

我所做的是将我要使用的所有图像组合成一张大小为 280KB 的图像。

现在我的问题是:那个文件很大吗?我应该继续将它作为 css sprite 还是应该像以前一样使用小图像并逐个显示它们? p>

【问题讨论】:

  • 280 KB 很大,尝试根据常用页面中图片的使用情况将图片分成2或3个文件。

标签: css css-sprites sprite-sheet


【解决方案1】:

sprite 大小可以达到 1 - 1.5 MB。

重要的是精灵中有多少图像,或者换句话说,您保存了多少 HTTP 请求。

如果您有 200KB 的 sprite 并且其中只有 2 张图像,那么使用它可能效率低下,但是如果您有 5 MB 的 sprite 并且其中有 100 张图像,那么您可以节省大量的页面加载时间因为只向您的精灵发出了 1 个请求,因此节省了 99 个请求。

【讨论】:

  • 我有 40 张图片要使用。但是只有在用户登录时加载了 7 个,其余的在页面上进行了划分。那用这个spri好不好
  • 好吧,它仍然很好,这些精灵在逻辑上是否相关?例如它们属于图标或幻灯片的类别?如果是,则将未使用的图像留在精灵中。
  • 你可以在这里查看我的精灵并给我你的意见=)postimage.org/image/aoqazuedt
  • 这里的另一个因素是 TCP 慢启动。总而言之,TCP 下载速度开始缓慢,然后文件越大越快。所以更大的精灵表有可能减少请求并且下载速度会更快。仍然有许多因素会影响它...谷歌它以获取更多详细信息。
猜你喜欢
  • 2012-01-30
  • 2013-11-25
  • 1970-01-01
  • 2020-09-02
  • 2011-09-05
  • 2012-08-23
  • 2013-06-07
  • 2012-07-22
  • 2020-05-10
相关资源
最近更新 更多