CollectionViewの読み込みが遅い

Question

私のcollectionViewはFirebaseからデータを取得します。セル数を設定し、SDWebImageを使用してダウンロードされたセル画像のダウンロードリンクを取得するfirebase変数です。各セルのためにダウンロードするイメージは約60キロバイトですが、collectionviewはロードに約5秒かかります。また、ロードすると、すべてのセルイメージが1番目のセルイメージとして表示され、2番目の後に正しいイメージに変更されます。迅速な3

を使用して

イムは、ここに私のコードは、重い要求のためcellForItemAtIndexPathを使用しないでください

override func viewDidLoad() { 
      super.viewDidLoad() 

     //firebase 
     FIRDatabase.database().reference(withPath: "Radio").child("numCells").observeSingleEvent(of: .value, with: { (snapshot) in 

      if let snapInt = snapshot.value as? Int { 

       self.numCells = snapInt 

       self.collectionView?.performBatchUpdates(
        { 
         self.collectionView?.reloadSections(NSIndexSet(index: 0) as IndexSet) 
       }, completion: { (finished:Bool) -> Void in 
       }) 


      } 

     }) { (error) in 
      print(error.localizedDescription) 
     } 
    } 





    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
      // #warning Incomplete implementation, return the number of items 
      return numCells 
     } 




override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
     let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) 

       let icon = cell.viewWithTag(3) as! UIImageView 


     //Firebase 
     FIRDatabase.database().reference(withPath: "Icons").child("img\(indexPath.row)").child("imgLink").observeSingleEvent(of: .value, with: { (snapshot) in 

      if let snapString = snapshot.value as? String { 

       icon.sd_setShowActivityIndicatorView(true) 
       icon.sd_setIndicatorStyle(.gray) 
       icon.sd_setImage(with: URL(string: snapString)) 
      } 

     }) { (error) in 
      print(error.localizedDescription) 
     }//firebase end 



     return cell 
    } 

Answer 1

です：

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
    return collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) 
} 

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) { 
    FIRDatabase.database().reference(withPath: "Icons").child("img\(indexPath.row)").child("imgLink").observeSingleEvent(of: .value, with: { [weak collectionView] (snapshot) in 
     guard let collectionView = collectionView else { return } 
     let cell = collectionView.cellForItem(at: indexPath) 
     /* do whatever you need with cell */ 
    }) { (error) in 
     /* handle error */ 
    } 
}