iOS 通信のパフォーマンス改善

Transcript

1. 1.

   ௨৴ͷύϑΥʔϚϯεվળ ਿ্༸ฏ ΤϯδχΞ / ΢ΥϯςουϦʔגࣜձࣾ iOSΦʔϧελʔζษڧձ

2. 2.

   None
3. 3.

   None
4. 4.

   None
5. 5.

   ݄ؒ40ສਓར༻ اۀ7000ࣾ ϝϯόʔ40ਓ͙Β͍

6. 6.

   None
7. 7.

   J1IPOF
   J1BE
   "OEPSJE
   ̏ףୡ੒ʂ
   

8. 8.

   WHY? ௨৴ͷύϑΥʔϚϯεվળ

9. 9.

    Wantedly͸ࠓ೥ւ֎ਐग़͠·͢ʂ ڌ఺ͷਓ

10. 10.

     ڌ఺͸ΞδΞʂ

11. 11.

     ւ֎͸ ௨৴ճઢ͕ ஗͍

12. 12.

     STARTUP ASIA 2014 ˏ JAKARTA ւ֎Ͱ΋ૉఢͳ Wantedly ɹɹ ମݧΛ

    WoWoW
13. 13.

    Period is two weeks
 Dec 2014

14. 14.

    Team ৿ాઌੜ ME Full Time iOS Engineer iOS Engineer મ౬ཱྀਓ

    Half Time ιϑΝʔͰϖΞϓϩελΠϧͳ։ൃ :)
15. 15.

    Analyze

16. 16.

    New Relic MobileͰ෼ੳ ͬ͘͟ΓͳϘτϧωοΫௐࠪ

17. 17.

    Pony DebuggerͰࡉ͔͘෼ੳ ϦΫΤετ୯ҐͰࡉ͔͘ௐࠪ

18. 18.

    Pony Debuggerͷ࢓૊Έ iPhone Server Client Python CocoaPods Chrome Developer Tool

19. 19.

    Θ͔ͬͨ͜ͱ ɾJSONͷϦΫΤετʹΑΓ΋ը૾ͷ༰ྔ͕ଟ͍ ɾແବͳը૾ͷϦΫΤετ͕͋Δ
 ɾݟ͍ͤͨը૾ͷॱ൪ʹͳ͍ͬͯͳ͍

20. 20.

    PLAN ௨৴ྔͷେ൒Λ઎ΊΔ
 ը૾ͷ௨৴Λվળ͢Δ

21. 21.

    ը૾௨৴ͱݴ͑͹ SDWebImage

22. 22.

    SDWebImageͷίʔυΛಡΉ 63- 63- 63- 63- 63- 63- 63- 63- 63-

    63- SDWebImageDownloader Request Queue SDWebImageDownloaderOperation UIImageView#sd_setImageWithURL
23. 23.

    SDWebImageͷίʔυΛಡΉ 63- SDWebImageDownloaderOperation Memory / Disk Cache SDWebImageManager

24. 24.

    SDWebImageͷόάΛൃݟʂ Ϛʔδ͞ΕͨΑʂ

25. 25.

    Let’s Kaizen

26. 26.

    ืूҰཡը૾ͷઌಡΈ ·ͩը໘্ʹදࣔ ͞Ε͍ͯͳ͍ը૾Λ ࣄલʹऔಘ

27. 27.

    SDWebImagePrefetcher @interface SDWebImagePrefetcher : NSObject 
 @property (strong, readonly) SDWebImageManager

    *manager; @property (assign) NSUInteger maxConcurrentDownloads; - (void)prefetchURLs:(NSArray *)urls; 63- 63- 63-
28. 28.

    ը૾Λऔಘ͢Δ༏ઌ౓෇͚ ߴ ௿ ߴ ௿ ௿ Priority

29. 29.

    SDWebImageOptions @interface UIImageView (WebCache) - (void)sd_setImageWithURL:(NSURL *)url placeholderImage: (UIImage *)placeholder

    options:(SDWebImageOptions)options; typedef NS_OPTIONS(NSUInteger, SDWebImageOptions) { SDWebImageLowPriority = 1 << 1, SDWebImageHighPriority = 1 << 8, Change Priority
30. 30.

    ભҠݩͷը૾औಘΛΩϟϯηϧ ભҠݩ ભҠઌ ௨৴Ωϟϯηϧ ભҠઌͷը૾Λ༏ઌͯ͠දࣔ

31. 31.

    SDWebImageManager#cancelAll @interface UIImageView (WebCache) - (void)sd_cancelCurrentImageLoad; @interface SDWebImageManager : NSObject

    - (void)cancelAll; 63- 63- 63- 63- SDWebImageDownloader Request Queue
32. 32.

    'BDFCPPL
    ͕ޠΔϞόΠϧŋνϡʔχϯάͷۃҙɿ͜ΕͰ్্ࠃͷΠϯλʔωοτ΋
    0,ʂ ฐࣾCTO͔Βͷࢥ͠ঌ͠ Facebook͸90% ͷΠϝʔδͰ WebP ϑΥʔϚοτ͕༻͍ΒΕ͍ͯΔ “ Facebookܦ༝Ͱ஌ΔͳͲ “ ઀ଓεϐʔυ඼࣭ʹԠͯ͡

    ػೳͷৼΔ෣͍Λదਖ਼Խ͍ͯ͘͠
33. 33.

    ը૾ϑΥʔϚοτΛWebPʹ 90KB 30KB SDWebImage͸WebPʹରԠ͍ͯ͠Δ

34. 34.

    SDWebImage/WebP Podfile
 pod ‘SDWebImage/WebP' $ pod install @interface UIImage (WebP)

    Only Install !
35. 35.

    Webpʹม׵͢Δը૾αʔόͷߏ੒ CloudFront S3 EC2 Docker nginx AWS iPhone ೚ҙʹϦαΠζ &

    WebPʹม׵ ΦϦδφϧը૾ Ωϟογϡը૾ ʢCDN)
36. 36.

    wantedly/nginx-image-server Open Source !!

37. 37.

    ௨৴ଳҬʹΑΓऔಘ͢Δը૾αΠζΛมߋ ྑ͍ ѱ͍ ͘͢͝ ѱ͍ 100KB 25KB 6KB 16෼ͷ̍

38. 38.

    ௨৴ଳҬͷਪଌ 63- ௨৴։࢝ɾऴྃͷܦա࣌ؒͱ डྖը૾αΠζ͔Βਪଌ 30KB

39. 39.

    ௨৴ଳҬͷਪଌ MONITORING: kbps 108.73 [Excellent] average rtt 0.971914 MONITORING: kbps

    108.73 [Excellent] average rtt 0.971914 MONITORING: kbps 108.73 [Excellent] average rtt 0.971914 MONITORING: rtt 0.17s, 0KB, Cached: YES, https://e4fb0db8addb.png MONITORING: rtt 0.32s, 0KB, Cached: NO, https://5af9694863de.png MONITORING: rtt 0.35s, 1KB, Cached: NO, https://9b-80a9-37eb4c7182ea.jpeg MONITORING: rtt 0.41s, 9KB, Cached: NO, https://510-a619-10701876ad0c.png MONITORING: rtt 0.01s, 8KB, Cached: YES, https://2aa3646d.jpeg MONITORING: kbps 189.65 [Excellent] average rtt 0.461638 MONITORING: rtt 0.52s, 27KB, Cached: NO, https://b5-bceda20f3034.png MONITORING: rtt 0.40s, 21KB, Cached: NO, https://54a-52cbe1efb0bc.jpeg MONITORING: rtt 0.82s, 33KB, Cached: NO, https://5b-1d537f677f61.png MONITORING: rtt 0.46s, 19KB, Cached: NO, https://-0461512b3080.jpeg MONITORING: rtt 0.26s, 36KB, Cached: NO, https://c2b-e88d33bb56dc.jpeg MONITORING: kbps 159.05 [Excellent] average rtt 0.515586 MONITORING: rtt 0.98s, 45KB, Cached: NO, https://83f6512cef.jpeg MONITORING: kbps 160.66 [Excellent] average rtt 0.569087 MONITORING: rtt 2.56s, 30KB, Cached: NO, https://65e-55cee3d4f2eb.jpeg MONITORING: kbps 130.23 [Excellent] average rtt 1.270392 MONITORING: rtt 2.53s, 11KB, Cached: NO, https://65e-55cee3d4f2eb.jpeg
40. 40.

    ࠷େαΠζ͔ΒΩϟγϡը૾ΛνΣοΫ 63- େ த খ ᶃ ᶄ ᶅ ᶆ

41. 41.

    HOW? Ͳ͏΍ͬͯվળΛ֬ೝ͢Δͷʁ

42. 42.

    վળͷ֬ೝํ๏ ௨৴ͷଳҬΛ੍ݶͯ͠ମݧ͕Α͘ͳ͍ͬͯΔ͔

43. 43.

    One More Thing

44. 44.

    ͞ΒͳΔվળํ๏Ҋ ɾMessagePackͰJSONΛѹॖ͢Δ ɾHTTP/2Ͱ௨৴ίωΫγϣϯΛ·ͱΊΔ ɾ௨৴ଳҬʹΑΔಉ࣌઀ଓ਺ͷௐ੔

45. 45.

    ΤϯδχΞืूͯ͠·͢
    ɿʣ ͓͠·͍