0

想知道这是否

background:#092542 url('data:image/png;base64, ....') center top no-repeat;

background:#092542 url('myimage.png') center top no-repeat;

我正在尝试减少加载时间,如果这会有所帮助,那就太好了。

4

2 回答 2

1

如果图像只在一个页面上使用一次,那么它可能会在加载(更快)时产生非常轻微(可能不明显)的差异,但这也意味着浏览器无法缓存图像,所以如果它被使用必须再次加载另一个页面,这意味着正在传输数据的两倍(三倍等)。

一般来说,这是不值得的,尽管如果它是一个微型站点,它可能会更容易,但不会太多。

于 2012-04-11T14:54:22.643 回答
0

数据 URI 图像被缓存。但是,图像的缓存取决于其中包含的文件的缓存方式。如果正在缓存包含数据 URI 图像的样式表,则在重新下载样式表本身之前不会下载该图像。

我还推荐这篇文章进一步解释 Data URI,尤其是关于性能的部分。

于 2012-04-11T15:07:55.103 回答