我有一个SVG精灵表,它使用<view>
标签来识别每个精灵。要显示精灵,你可以将img src
设置为spritesheet,并将sprite名称设置为片段标识符,如下所示:
<img src="sprites.svg#coffee" width="60" height="63" />
我有一个页面,其中包含每个精灵的预览,因此页面上有数百个这样的标签。当我在Chrome中查看此页面时,会下载一次SVG文件。但是,当我在Firefox中查看它时,该文件似乎为每个<img>
标记下载一次,因此它获得2MB数据而不是9k gzip。即使我在浏览器缓存中有文件,似乎一个请求命中了缓存,其余的忽略它并从服务器获取。
是否有我应该知道的缓存标头或标签,以防止这种情况发生?或者,这是Firefox中的一个错误吗?我发现的唯一一个是497665,但是8年前就解决了这个问题。