我有一个不错的小 ToDo 应用程序，它允许用户在列表中创建一个项目。他们可以单击并拖动列表中的项目来排序。但是，当他们能够为他们的项目选择一个图标时，我担心性能。我正在使用 Fat Cow 图标集，并希望他们能够个性化他们的列表。一切都按预期工作。但是，我有点担心服务器的性能以及最终用户端的等待。
每当用户单击 Select Icon 按钮时，它将使用 Twitter Bootstrap Modal 并允许他们单击图标。一旦他们点击图标，它就会用图标的名称填充一个文本字段。但是，每当他们新建或编辑项目时，都会加载 3000 个图标。
我在后台使用 AJAX 来处理图标的单击并将其放在将用于在列表中显示图标的文本字段中。我的问题是：
有没有一种更有效的方法，而不削减图标来提供用户可以选择不同图标的模式。这是 3000+ 列表中的两个项目的片段，它们被放置在部分中。
有时用户可能不想使用图标，在这种情况下它会默认为项目符号。我只想在他们按下“选择图标”按钮时加载图标列表。
<%= link_to_function image_tag("/assets/icon/32_bit.png"), "$('body').select_icon('32_bit')" %>
<%= link_to_function image_tag("/assets/icon/3d_glasses.png"), "$('body').select_icon('3d_glasses')" %>