オプションを選択するためのWebポップアップを作成する

Question

ウェブページのパフォーマンスの問題に対処するためのデザインのベストプラクティスまたはヒューリスティックを探しています。

基本的には、10,000個までの選択肢を持つドロップダウンメニューがあり、それぞれがタグ内にあります。だから、DOMモデルには何千もの余分なノードがあります。私はこれが読み込まれた後にドキュメントを解析するjavascriptを遅くしていると思うが、すべてのデータを取得するために最初のページの読み込みを遅くしている。

私はこれらのドロップダウンをページから完全に取り除きたいので、コンボボックススタイルのコントロールの代わりに、ピックリストを含むモーダルポップアップへのリンクがあります。クライアントにこれらのポップアップをプリロードしてキャッシュすると、初期ページの読み込みが遅くなるのを防ぎ、DOMから10,000をすべて取り除いて、既存のスクリプトのパフォーマンスが向上すると思います。

私の限られたWeb開発経験では、初期のアプローチのためにページ/制御/サービス/などを作成することが最善の策かどうかはわかりません。私が正しいアプローチを使用していると自信が持てば、詳細を理解できるはずです。

Answer 1

頻繁にまたは静的にドロップダウンの選択が変化しますか？静的な場合は、VBコードの後ろにenumのリストを保持し、そのデータソースとして列挙型を使用することができます。

動的であれば、できるだけ一般的なものからより特定のものへとユーザーをドリルダウンできる小さな塊にすることで、リストを分割することができます。 Mammals言って、あなたはより多くの特定のサブセットのためのデータベースを打つだろう、上記のいずれかを選択すると

Mammals 
Reptiles 
Amphibians 

：このドロップダウンは、動物の種類を示していますたとえば、あなたが最初のドロップダウンサブセットを持っているかもしれない

を

Apes 
Marsupials 

最後に、ほとんどの特定のサブセット、彼らが選択した場合Apes：

Baboon 
Chimpanzee 
Human 
Orangutan 

リストは、このように分解することができない場合は、トン私はGoogleインスタントスタイルのオートコンプリート機能を実装しようとしています。 jQueryを読んだら、この目的に役立つオートコンプリートコントロールがあります。ユーザーが入力したときに照会できるようにするために、その結​​果をデータベースに結びつけることができます。