クライアント製品の属性を選択する GUI 用の画像を多数ロードしています。
最初にすべての画像を事前にロードして (これには時間がかかると思います)、GUI に完全な機能を持たせるのが最善ですか、それともその場で画像をロードする方がよいでしょうか。
基本的に、私は写真/ポスター フレーミング アプリケーションに取り組んでいます。ユーザーが選択できる約20以上のフレームがあり、フレームをクリックすると、GUIのディスプレイ上のフレームの画像が変更されます。
私はJqueryを使用しています。このための最良のシナリオについては、洞察が役立ちます。
また、すべての画像をプリロードする場合、Flash で見られるようなロード バーや、Ajax で見られるようなロード gif を画面に表示するにはどうすればよいでしょうか。
ありがとう
マイク
なぜ両方をしないのですか？
画像を遅延して読み込むことができますが、フック$(document).ready()して画像を事前に読み込むこともできます。そうすれば、プリロードされる前にユーザーが画像にアクセスすると、その画像が読み込まれます。ユーザーが十分に長く待つと、瞬時になります。
この手法は、メニューバーのロールオーバーなどで一般的です。
フレーム画像のサイズによって異なります...それらが1〜2Kのように小さい場合、画像を動的にロードします。それ以外の場合はプリロードできますが、ヘッダーを正しく設定して、次回は一度だけ読み取られてキャッシュからフェッチされるようにしてください.
プログレス バーについては、 Ajaxianのこの記事 (jQuery での画像のプリロードについて説明し、プログレス バーを含む) を確認することをお勧めします。
正しい答えは多くの要因に依存します。画像の大きさと枚数は？最初にすべての画像をロードすると、深刻な遅延が発生しますか? Jeff Atwood が言ったように、パフォーマンスは機能です。
すべてを事前にロードするのではなく、より優れたパフォーマンスのアプリの側で間違いを犯します.