JavaScriptがダウンロード速度を向上させる

私はReact Nativeを使用していますが、私が遭遇した問題はサムネイルをダウンロードしています。実際、私は29889の親指をダウンロードしていますが、それは遅すぎます。ここは私のコードです：JavaScriptがダウンロード速度を向上させる

recursive_thumb(skip, count) { 
    if (skip < this.state.totalMarkerCount) { 
    let thumbs = [] 
    for (let i = 0; i < count; i += 1) { 
     thumbs.push(this.downloadThumb(this.state.thumbs[skip + i])) 
    } 
    Promise.all(thumbs) 
     .then(data => { 
     this.setState({ 
      totalCount: this.state.totalMarkerCount, 
      fetchedCount: skip + count 
     }) 
     this.recursive_thumb(skip + count, count) 
    }) 
    .catch(reason => { 
     this.recursive_thumb(skip + count, count) 
     this.setState({ 
     totalCount: this.state.totalMarkerCount, 
     fetchedCount: skip + count 
     }) 
    }) 
} else { 
    setThumbDownloaded() 
    this.checkTownDownloaded() 
} 


downloadThumb(element) { 
    console.log(element) 
    return new Promise((resolve, reject) => { 
    RNFetchBlob.config({ 
    // add this option that makes response data to be stored as a file, 
    // this is much more performant. 
    fileCache: true, 
    path: `${DocumentDirectoryPath}/thumbs/${element}` 
    }) 
    .fetch(
     'GET', 
     `https://www.searchforsites.co.uk/app/images/default/${element}`, 
     { 
     // some headers .. 
     } 
    ) 
    .then(res => { 
     resolve(true) 
    }) 
    .catch(err => { 
     // console.log('Error: ', err); 
     // this.setState({ modalOpen: false, regionUpdated: true }); 
     // this.findUser(); 
     reject(true) 
    }) 
}) 
}

我々はそれが良い経験になるスレッドを使用することができます。全データのダウンロードには15分かかります。

天才解はありますか？

ご協力いただきありがとうございます。

出典

2017-11-01 Egor T

画像の遅延読み込みはどうですか？アプリケーションのフロントエンドのニーズに応じて、バッチで、または完全にバックグラウンドでロードするように画像を設定することができます。 –