私は、ユーザーがリストにアイテムを作成できるようにする素敵な小さなToDoアプリケーションを持っています。リスト内のアイテムをクリックしてドラッグし、順序を並べ替えることができます。ただし、アイテムのアイコンを選択できるようになると、パフォーマンスが心配になります。Fat Cowアイコンセットを使用していて、リストをパーソナライズできるようにしたいと思います。すべてが期待どおりに機能しています。ただし、サーバーのパフォーマンスとエンドユーザー側の待機について少し心配しています。
ユーザーが[アイコンの選択]ボタンをクリックするたびに、Twitter Bootstrap Modalが使用され、アイコンをクリックできるようになります。アイコンをクリックすると、テキストフィールドにアイコンの名前が入力されます。ただし、アイテムを新規または編集するたびに、3000個のアイコンが読み込まれます。
私はバックグラウンドでAJAXを使用してアイコンのクリックを処理し、リストにアイコンを表示するために使用されるテキストフィールドに配置しています。私の質問は：
ユーザーがさまざまなアイコンを選択できるモーダルを提供するために、アイコンを削減せずに、より効率的な方法はありますか？これは、パーシャルに配置された3000以上のリストからの2つのアイテムのスニペットです。
ユーザーがアイコンを使用したくない場合があります。その場合、デフォルトで箇条書きになります。アイコンの選択ボタンを押すたびにアイコンのリストをロードしたいだけです。
<%= 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')" %>