css - 数据 URI 和缓存

Question

我在维基百科上读到这个：

数据 URI 不会与其包含的文档（例如 CSS 或 HTML 文件）分开缓存，因此每次重新下载包含的文档时都会下载数据。

这是否意味着每次刷新页面或用户单击导航链接时都会下载我的代码？我可以做些什么来缓存数据uri？

ps - 我只是在谈论 20 个左右的小 png 文件（主要是丝绸图标，但也有 2 * 16KB 文件）

Answer 1

数据 URI 只不过是嵌入在 HTML 和 CSS 文件中的 Base64 编码二进制数据形式的文本。所以是的，每次请求它们时，它们都会作为 HTML 和 CSS 文件的一部分下载，除非这些文件本身被缓存。

如果您只保留样式表的数据 URI 并发送适当的缓存标头，那么将data:图像与 CSS 一起缓存应该不会造成问题。