SVG内联vs <img/>，性能和缓存

Question

我出于显而易见的原因广泛使用SVG。但是，当性能优先时，我无法找到实现SVG的最佳方法的任何资源。一方面使用内联SVG您的请求较少，但另一方面，使用带有<img>标记的SVG允许浏览器缓存它们。我们谈论的是一个Web应用程序，很少有用户重复访问。这使得<img>方法听起来更具吸引力。

有没有人遇到任何基准或有关于这个主题的个人经验？

Answer 1

选择内联与标记的决定取决于您网站/应用的受欢迎程度。 Yahoo!上有一篇非常有趣的文章Perf指南页面developer.yahoo.com/performance/rules.html，平均每天有60-80％的用户使用空缓存访问您的站点（yuiblog.com/blog/2007/01/04/performance-研究 - 第2部分）完全取决于网站的受欢迎程度 - 网站越受欢迎，非空缓存的可能性就越大。