SVG内联和<img>，性能和缓存方面的比较

Question

SVG内联和<img>，性能和缓存方面的比较

3

我因为显而易见的原因广泛使用SVG。然而，我找不到任何关于在性能优先的情况下最佳实现SVG的资源。一方面，使用内联SVG可以减少请求，但另一方面，使用带有<img>标签的SVG允许浏览器缓存它们。我们谈论的是一个Web应用程序，在这个应用程序中，少数用户会进行多次重复访问。这使得使用<img>方法更加吸引人。是否有人遇到过任何基准测试或者有个人经验？

- VangelisB

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Diptendu · Accepted Answer

选择内联（inline）还是外部（external）标签取决于您的网站/应用程序的受欢迎程度。Yahoo! Perf指南页面developer.yahoo.com/performance/rules.html上有一篇非常有趣的文章，其中提到平均每天60-80%的用户使用空缓存访问您的网站（yuiblog.com/blog/2007/01/04/performance-research-part-2）。这完全取决于网站的受欢迎程度-网站越受欢迎，拥有非空缓存的机会就越大。