預加載大量圖像

Question

我正在嘗試使用下面的鏈接上實現的邏輯來執行圖像的預加載。

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

我有一個巨大的圖像數量，目前350+圖片，平均每個50KB文件大小，總金額爲圖像的20MB的IM試圖預加載。我需要用於畫布繪製的圖像。

使用上面的並行下載邏輯，我有瀏覽器等待2分鐘完成加載整個頁面的問題。有時，它會停止腳本。

順便說一句，20MB的圖像是目前保守的圖像數量。一些圖像我需要預裝我去多達80MB！

預加載如此大量的圖像是否實用？如果我需要預加載，我的要求的最佳方法是什麼？我應該做非平行嗎？部分預加載如何？

預先感謝您 馬福

Answer 1

這是一個MXHR（多部分XHR）請求一個完美的用例。這意味着，一個serverscript正在讀取您的圖像文件，將它們解碼爲base64字符串並將這些圖像傳輸到瀏覽器。 supplyJS^help正在使用此技術，但目前僅適用於JavaScript &樣式表文件。無論如何，它的設計非常模塊化，將它的功能擴展到您需要的任何圖像類型應該沒有問題。

如果您覺得自己沒有心情去做，請不要擔心 - 我會在接下來的幾天內更新腳本以進行圖片加載。