4

以下のリンクに実装されているロジックを使用して、画像の並列プリロードを実行しようとしています。

http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/

私は膨大な量の画像を持っています。現在、それぞれ平均50KBのファイルサイズの350以上の画像があり、プリロードしようとすると合計20MBの画像になります。キャンバス描画用の画像が必要です。

上記の並列ダウンロードのロジックを使用すると、ブラウザがページ全体の読み込みを完了するのを2分待つという問題が発生します。時々、それはスクリプトを止めます。

ちなみに、現在20MBの画像は控えめな量の画像です。いくつかの画像セットをプリロードする必要があります。最大80MBになります。

そのような量の画像をプリロードすることさえ実用的ですか？また、プリロードが必要な場合、要件に対する最善のアプローチは何ですか？非並列にする必要がありますか？部分的なプリロードはどうですか？

よろしくお願いしますMarv

4

1 に答える 1

4

これは MXHR (Multipart XHR) リクエストの完璧なユースケースです。つまり、サーバー スクリプトが画像ファイルを読み取り、それらを base64 文字列としてデコードし、それらの画像をブラウザーにストリーミングします。supplyJShelpはこの手法を使用していますが、現在は JavaScript とスタイルシート ファイルのみに使用されています。とにかく、かなりモジュラーに設計されており、必要な画像タイプの機能を拡張することは問題ありません。

自分でそれを行う気がなくても、心配しないでください。画像をロードするためのスクリプトを数日中に更新します。

于 2011-01-25T10:56:35.367 に答える