Jqueryベストケースシナリオ

Question

クライアント製品の属性を選択するGUI用の画像をロードしています。

最初にすべての画像をプリロードしてください（これは時間がかかると思います）。そして、GUIにフル機能を持​​たせるか、その場で画像を読み込むほうがいいですか？

私は写真/ポスターフレームアプリケーションに取り組んでいます。私は約20以上のフレームをユーザが選択することができ、フレームがクリックされると、GUIのディスプレイ上のフレームの画像を変更する。

私はJqueryを使用しています。どのような洞察も、このための最良のシナリオとして役立ちます。

もし私がすべての画像をあらかじめ読み込んでいれば、フラッシュやAjaxで見たようなロード中のgifのように、どのようにそれらのローディングバーを画面に置くのですか？

マイク

Answer 1

なぜ両方をしないのですか？

イメージを遅延読み込みすることもできますが、フック$(document).ready()をプリロードしてイメージをプリロードすることもできます。そのようにして、ユーザーがプリロードされる前に画像にアクセスすると、その画像が表示されます。ユーザーが十分に長く待っていると、瞬間的になります。

この手法は、メニューバーのロールオーバーなどでよく使用されます。

Answer 2

おかげで、正しい答えは、多くの要因に依存します。画像のサイズはどれくらいありますか？開始時にすべての画像をロードすると、深刻な遅れが発生しますか？ Jeff Atwood saidパフォーマンスは機能です。

すべてを前面から読み込むのではなく、パフォーマンスの良いアプリの側でエラーが発生します。

Answer 3

フレームの画像サイズに依存します... 1〜2Kのように小さい場合、画像をダイナミックに読み込みます。そうでなければ、プリロードできますが、ヘッダーを正しく設定して、次回はキャッシュから。

進捗バーについては、この記事（jQueryで画像をプリロードして進行状況バーを表示する方法について説明しています）をチェックしてAjaxianとすることをおすすめします。