0

我正在创建一个网站,并且设计有很多背景图像,所以我使用图像精灵来优化页面加载时间。

问题是我有 3 个精灵图像,其中 2 个是 200 KB,尺寸不超过 900x700 像素。

我的问题是关于优化页面速度。什么会产生最好的结果?使用两个 200 KB 的 sprite 会更好,还是将它们分成 4 个每个 100 KB 的 sprite 图像会更好。

就我阅读的许多文章而言,大多数开发人员和专家都说要尽量减少 http 请求,因为现在互联网速度足够快,所以下载不需要太多时间。我在某种程度上同意,但我无法在图像尺寸较小的另外 2 个 http 请求或图像尺寸较大的 http 请求较少之间下定决心。

4

1 回答 1

1

这对我来说似乎是微优化,但无论如何最高效的方法是将图像嵌入到 html 页面中,因此您只需使用页面的单个 http 请求。

您可以使用新data:协议嵌入图像并将图像包含为base64编码字符串,查看本教程了解详细信息。

另请参阅浏览器对此功能的支持。

于 2012-10-15T09:12:42.450 回答