tableViewとcoolectionviewのパフォーマンスチューニング

Transcript

1. NJOOFͰ࣮ફͨ͜͠ͱ ٠஑࿨ل
   
   (.0
   1&1"#0
   JOD
   
   ϖύϘςοΫΧϯϑΝϨϯε 5BCMF7JFX
   $PMMFDUJPO7JFXͷ
   ύϑΥʔϚϯενϡʔχϯά
2. JPTΤϯδχΞ ٠஑࿨ل
   NJOOFࣄۀ෦ϓϩμΫτνʔϜ
3. ·ͣ͸ͪ͜ΒΛ͝ཡԼ͍͞
4. ϗʔϜ 5BCMF7JFX $PMMFDUJPO7JFX $PMMFDUJPO7JFX
5. χϡʔε 5BCMF7JFX
6. ͓ؾʹೖΓ $PMMFDUJPO7JFX
7. ݕࡧ݁Ռ $PMMFDUJPO7JFX
8. NJOOF͸΄΅શͯͷը໘Ͱ
   5BCMF7JFX·ͨ͸$PMMFDUJPO7JFX
   Λར༻͍ͯ͠·͢
9. ύϑΥʔϚϯεվળʹ͸
   ͜ΕΒͷνϡʔχϯά͕
   ௒ॏཁ
10. ࠓ೔࿩͢͜ͱ NJOOFͰߦͬͨνϡʔχϯάํ๏Λ
    ࣮ྫΛڍ͛ͯ঺հ͠·͢  ͳΊΒ͔λΠϜϥΠϯ
     ΧελϜΧϝϥϩʔϧ
11. ͳΊΒ͔λΠϜϥΠϯ
12. ͳΊΒ͔λΠϜϥΠϯͱ͸ ࢭ·Βͣʹͣͬͱ
    ԼεΫϩʔϧͰ͖Δ
13. ͪͳΈʹͳΊΒ͔Ҏલ͸ɻɻɻ  ϑολʔ͕දࣔ͞ΕΔ
     "1*ୟ͘
     Ϧιʔεऔಘͨ͠Β
 UBCMF7JFXΛߋ৽ ࡞඼ݟΔຖʹ
    ଴͕ͪ࣌ؒൃੜ͍ͯͨ͠
14. ࣮૷ॳظʹ΍ͬͨ͜ͱ ϑολʔ͕දࣔ͞ΕΔલʹ"1*ୟ͘
    ˣ
    ࣍ϖʔδͷϦιʔεΛऔಘͨ͠Β
    UBCMF7JFXSFMPBE%BUB
15. SFMPBE%BUB ͢Δͱ
    ը໘͕Ұॠݻ·Δ
16. ॲཧ͕ॏ͍Օॴͷಛఆɾվળ  FOE3FGSFTIJOH
     IFJHIU'PS3PX"U 5BCMF7JFX
    
 TJ[F'PS*UFN"U $PMMFDUJPO7JFX
17. FOE3FGSFTIJOH
    
    CFGPSF apiClient.download { result in switch result { case .success: self.refreshControl.endRefreshing() self.tableView.reloadData() case .failure(_): break } } "1*Λୟ͍ͨޙৗʹFOE3FGSFTIJOH ͍ͯͨ͠
18. FOE3FGSFTIJOH
    
    BGUFS apiClient.download { result in switch result { case .success: if refreshControl.isRefreshing { refreshControl.endRefreshing() } self.tableView.reloadData() case .failure(_): break } } JT3FGSFTIJOHΛར༻ͯ͠
    ඞཁͳ͚࣌ͩFOE3FGSFTIJOH ͢Δ
19. ߴ͞ܭࢉॲཧ
    
    CFGPSF func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { let cell = tableView.dequeueReusableCell(withIdentifier: "Cell")! return cell.frame.size.height } IFJHIU'PS3PX"UͰ
    DFMMΛΠϯελϯεԽ͍ͯͨ͠
20. ߴ͞ܭࢉॲཧ
    
    BGUFS lazy var cellHeight: CGFloat = { let cell = self.tableView.dequeueReusableCell(withIdentifier: "Cell")! return cell.frame.size.height }() func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { return cellHeight } MB[Z
    WBSͰDFMM)FJHIUΛఆٛ͠
    DFMMͷΠϯελϯεԽΛҰ౓͚ͩʹͨ͠
21. λΠϜϥΠϯ͕ͳΊΒ͔ʹ
22. ΧελϜΧϝϥϩʔϧ
23. ΧελϜΧϝϥϩʔϧͱ͸ Ҏલ͸ࣸਅͷબ୒࣌ʹ
    σϑΥϧτͷΧϝϥϩʔϧ
    Λ࢖༻͍ͯͨ͠ͷͰ
    ࡞Ո͞Μ͸࡞඼ը૾Λ
    ొ࿥͢Δ࣌ʹ
    Կ౓΋։͔ͳ͍ͱ
    ͍͚ͳ͔ͬͨɻɻɻ ෳ਺ͷը૾Λ
    Ұ౓ʹબ୒Ͱ͖Δ
    Χϝϥϩʔϧ
24. ෳ਺બ୒࣌ͷৄࡉ࢓༷ DFMMΛλοϓͨ͠Β
    બ୒ͨ͠ॱ൪௨Γʹ
    ਺ࣈΛߋ৽͍ͨ͠
25. ෳ਺બ୒࣌ͷৄࡉ࢓༷ DFMMΛλοϓͨ͠Β
    બ୒ͨ͠ॱ൪௨Γʹ
    ਺ࣈΛߋ৽͍ͨ͠ ͻͱͭΊ
26. ෳ਺બ୒࣌ͷৄࡉ࢓༷ DFMMΛλοϓͨ͠Β
    બ୒ͨ͠ॱ൪௨Γʹ
    ਺ࣈΛߋ৽͍ͨ͠ ;ͨͭΊ
27. ෳ਺બ୒࣌ͷৄࡉ࢓༷ DFMMΛλοϓͨ͠Β
    બ୒ͨ͠ॱ൪௨Γʹ
    ਺ࣈΛߋ৽͍ͨ͠ ΈͬͭΊ
28. ෳ਺બ୒࣌ͷৄࡉ࢓༷ DFMMΛλοϓͨ͠Β
    બ୒ͨ͠ॱ൪௨Γʹ
    ਺ࣈΛߋ৽͍ͨ͠ ΑͬͭΊ
29. ෳ਺બ୒࣌ͷৄࡉ࢓༷ DFMMΛλοϓͨ͠Β
    બ୒ͨ͠ॱ൪௨Γʹ
    ਺ࣈΛߋ৽͍ͨ͠ ΍ͬͺ͜Ε ͸΍ΊΔʂ
30. ෳ਺બ୒࣌ͷৄࡉ࢓༷ DFMMΛλοϓͨ͠Β
    બ୒ͨ͠ॱ൪௨Γʹ
    ਺ࣈΛߋ৽͍ͨ͠ ͍ͭ͜Β΋
    ߋ৽͢Δඞཁ͕͋Δʂ
31. ࣮૷ॳظʹ΍ͬͨ͜ͱ ηϧશ෦ߋ৽͍ͨ͠
    ˣ
    ૉ๿ʹUBCMF7JFXSFMPBE%BUB
32. ϚγϯεϖοΫ໰୊ ࣗ෼ͷJ1IPOFTͰ͸໰୊ͳ͘ಈ͍ͯͨ
    ˣ
    σϓϩΠήʔτʹ͋͛ͯΈΜͳʹ৮ͬͯ΋Β͏
    ˣ
 J1IPOFTϢʔβ͞Μ͔ΒηϧΛλοϓ͢Δຖ ʹը໘͕ݻ·Δͱͷใࠂ͕ɻɻɻ
33. ߋ৽ॲཧΛܰ͘͢Δඞཁ͕ʂʂ
34. ߋ৽ͷܰྔԽ  WJTJCMF$FMMT
     XJMM%JTQMBZ
    DFMM
35. WJTJCMF$FMMTͰݟ͑ͯΔ෼͚ͩߋ৽ collectionView.visibleCells.forEach { cell in if let indexPath = collectionView.indexPath(for: cell) { cell.update(with: products[indexPath.row]) } } DFMMͷߋ৽͚ͩͰ͖ΔͷͰ
    SFMPBE%BUB ͱൺ΂Δͱѹ౗తʹܰྔʂʂ
36. ͨͩ͠໰୊͕ɻɻɻ ΪϦΪϦը໘֎ͷ
    બ୒தͷηϧ͕͋Δ
    ͱߋ৽Ͱ͖ͳ͍ දࣔൣғ
37. XJMM%JTQMBZ
    DFMM func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) { cell.update(with: products[indexPath.row]) } DFMM͕දࣔ͞ΕΔ௚લʹߋ৽͢Δ͜ͱͰ
    ߋ৽࿙ΕΛͳ͘͢ʂ
38. J1IPOFTͰ΋ΩϏΩϏಈ͘
39. ͪͳΈʹ
    ࠓճ͸WJTJCMF$FMMT
    
    XJMM%JTQMBZΛ࢖͍·͕ͨ͠
40. ଞʹ΋৭ʑ͋Δ UBCMF7JFX tableView.reloadData() tableView.reloadRows(at: [IndexPath], with: UITableViewRowAnimation) tableView.reloadSections(sections: IndexSet, with: UITableViewRowAnimation) DPMMFDUJPO7JFX collectionView.reloadData() collectionView.reloadItems(at: [IndexPath]) collectionView.reloadSections(sections: IndexSet)
41. Ή΍ΈʹSFMPBE%BUB ͤͣ
    ߋ৽ྖҬʹԠͯ͡ϝιουΛ
    ࢖͍෼͚Δʂ
42. ·ͱΊ w ೋͭͷ࣮ྫΛڍ͛ͯνϡʔχϯάํ๏Λ঺հͨ͠
    w 6*ʹؔ͢Δॲཧ͸ඞཁͳ࣌ʹ͚ͩ͢Δ
    w FOE3FGSFTIJOH ͸JT3FGSFTIJOHͷ͚࣌ͩݺͿ
    w ߴ͞ܭࢉॲཧ IFJHIU'PS3PX"U
    TJ[F'PS*UFN"U ͸ܰྔ ʹ͢Δ
    
    w Ή΍ΈʹSFMPBE%BUB ͠ͳ͍
    w WJTJCMF$FMMT
    SFMPBE3PXT
    SFMPBE4FDUJPOTͳͲͰࡁΉ ͳΒͦͪΒͰࡁ·͢