【发布时间】：2018-07-31 21:30:22
【问题描述】：
我正在开发一个类似索引的应用程序，它具有一个巨大的延迟加载表（大约 30,000 行）以及各种排序和过滤功能。该应用程序使用大约 60 个自定义 SVG 图标。其中许多图标使用多种颜色，因此图标字体不适合。典型用户很可能会在单个会话中看到这些图标的大部分。一个典型的图标会在数据中出现数百次。
这似乎太多图标，无法在单独的请求中加载它们。但是，data URIs 在多次复制时似乎表现不佳。
我尚未探索的一个选项是将图标呈现为带有数据 URI 的 CSS 背景图像。这可能会避免一些数据 URI 的性能问题。
最好的方法是什么？
【问题讨论】：
-
虽然我不会说这是最好的方法，但您绝对应该使用 SVG sprite sheet 进行测试，无论是内联加载还是在一个额外的文件中加载。