私は、完全に1ページにまとめられ、一連のテーブルデータをグリッドで表示することに基づいたWebアプリケーションを開発しています。データベースには約30の異なるテーブルがあり、ユーザーはそのうちの1つをいつでも画面にグリッドで表示するように要求できます。すべてではありませんが、これらのテーブルのほとんどは1000行未満です。これらのグリッドのデータは、ajaxを介して呼び出され、ロードされています。
現在、ログイン画面を表示し、すぐにいくつかのメインテーブルをプリロードします。これにより、ユーザーがユーザー名とパスワードを入力すると、最初のグリッドが読み込まれます。クリックしてこれらのデータグリッドの1つを表示した後、ajax呼び出しを待つ必要がないため、これによりユーザーエクスペリエンスが大幅に向上しました。その結果、私はそれをさらに一歩進めることを考えています。
バックグラウンドで30個のテーブルすべてをロードするためにajax呼び出しを行うことを検討しています。それらは必要になるまでDOMに追加されませんが、代わりに配列に追加されます。ネガティブな点は、ユーザーがセッションでこれらのテーブルの半分を使用するかどうかはわかりませんが、通常、ユーザーの要求に応じてすぐに表示され、ユーザーエクスペリエンスが向上します。
したがって、私の質問は、ajax呼び出しを介して30個の完全なデータテーブル(ほとんどの場合、テーブルあたり約50〜1000行)を配列に格納することをお勧めします。そうであれば、最高のパフォーマンスを得るためにそれを行うための最良の方法は何ですか(維持念頭に置いて、私はそれらを配列に入れているだけで、プリロード後にそれらをdomに追加していません)?次のうちどれが最良の方法でしょう:
- ページの読み込み時にテーブルごとに30回のajax呼び出しを行う
- すべてのテーブルを返すページロード時に1つのajax呼び出しを行います
- ページの読み込み時に5つのajax呼び出しを行い、それぞれが6つのテーブルのように返される
- ajax呼び出しをスキューして、いくつか作成し、完了したら、さらにいくつか作成します
- 他の方法...