想知道这是否
background:#092542 url('data:image/png;base64, ....') center top no-repeat;
比
background:#092542 url('myimage.png') center top no-repeat;
我正在尝试减少加载时间,如果这会有所帮助,那就太好了。
想知道这是否
background:#092542 url('data:image/png;base64, ....') center top no-repeat;
比
background:#092542 url('myimage.png') center top no-repeat;
我正在尝试减少加载时间,如果这会有所帮助,那就太好了。
如果图像只在一个页面上使用一次,那么它可能会在加载(更快)时产生非常轻微(可能不明显)的差异,但这也意味着浏览器无法缓存图像,所以如果它被使用必须再次加载另一个页面,这意味着正在传输数据的两倍(三倍等)。
一般来说,这是不值得的,尽管如果它是一个微型站点,它可能会更容易,但不会太多。
数据 URI 图像被缓存。但是,图像的缓存取决于其中包含的文件的缓存方式。如果正在缓存包含数据 URI 图像的样式表,则在重新下载样式表本身之前不会下载该图像。
我还推荐这篇文章进一步解释 Data URI,尤其是关于性能的部分。