Firebase Analytics で 画像ロードのパフォーマンス を測定し、改善をした話

shibuya.apk #14 Pre-Google I/O 2017 での発表資料です。
https://shibuya-apk.connpass.com/event/55506/

Transcript

2. 'JSFCBTF
   "OBMZUJDT
   ד
   歗⫷ٗ٦سךػؿؓ٦وٝأ
 ׾庠㹀׃ծ何㊣׾׃׋鑧 5VOOFM
   吳䒭⠓爡
 똲歊
   㛇
3. 荈䊹稱➜ ˖ 5XJUUFS
   !XN
   ˖ "OESPJE
   ؒٝآص،
   J04
   瘝׮װ׷
   ˖ 3PPN$MJQ
   הְֲ؎ٝذٔ،ⱖ溪ך
   $(.
   ׾Ꟛ涪⚥
4. כׄ׭ח
6. 3PPN$MJQ
   הכ 鿇㾊ךⱖ溪׾Ⱏ剣ׅ׷،فٔ
7. 3PPN$MJQ
   הכ ׫׿זך　秛ظؐعؐծ%*:
   ⡲ㅷծ˘
8. 3PPN$MJQ
   הכ 㩲鿇㾊ծؔةؙ鿇㾊זו׮
9. 3PPN$MJQ
   הכ ׫׿זך鿇㾊ךⱖ溪ָ
   
   ♰卐
10. ׮׃ַ׃ג猘ך鿇㾊ծ寅ֺׅ
11. 歗⫷铣׫鴥׫ך
 鸞ׁכהג׮ꅾ銲 ׃ַ׃
12. ِ٦ؠ٦ׁ׿ך㡮
13. ِ٦ؠ٦ׁ׿ך㡮
14. 
    鹼ְ
    ⭐
    
15. ِ٦ؠ٦ׁ׿ך㡮
16. 
    鹼ְ
17. ِ٦ؠ٦ׁ׿ך㡮
18. 
    鹼ְ
19. ⦐➂涸ז䠐鋅
20. ׏גְֲַ劤䔲ח鹼ְ

21. 鸞ֻ׃׋ְ
23. 歗⫷ٗ٦س鸞ֻׅ׷ ׊
25. 歗⫷ٗ٦س׾鸞ֻׅ׷
    ׋׭חׅ׷ץֹ✲
26. וֲׅ׸ל歗⫷ٗ٦س ָ傍ֻז׷׌׹ֲ
    
27. 歗⫷׾⯓铣׫׃״ֲ
28. ٍؗحءُ㟓װ׉ֲ
29. 搀꼽ז؝٦س׾
 嶊׉ֲ
30. ؟٦غ٦؟؎س
 ד׮锃ץג׮׵ֲֶ
31. זו葿ղ倵瘻כ֮׷ ׋׌׃׉ך⵸ח˘
32. 䩛׾⹛ַׅ⵸ח
 罋ִג׫״ֲ
33. Ⰻ鿇װ׸תַׅ
35. ׉ך倵瘻
 劤䔲ח⸬卓֮׶תׅ
36. '
37. 劤䔲כ㔭׏גְ׷➂
 קה׿וְזְַ׮
39. ꠹ꨡח倵瘻׾׃ג׮
 倵瘻ך⸬卓ָ鋅ִזְ
40. ׉׮׉׮劤䔲ח鹼ְךַ
 ׅ׵㹀ꆀ涸ח庠׸זְ
41. װ׷ץֹ✲
42. װ׷ץֹ✲  չוך⡘歗⫷邌爙ד䖉׋ׇגְ׷ַպ ׾庠㹀ׅ׷
     չ鹼ְ⾱㔓הז׏גְ׷♧殢ך㉏겗պ ׾鍑寸ׅ׷
43. 'JSFCBTF
    "OBMZUJDT
    ח״׷歗⫷ٗ٦سך庠㹀
44. չ歗⫷ٗ٦س儗꟦պ
 ⡦׾⢪׏ג庠㹀׃״ֲ ַ
    
45. (PPHMF
    "OBMZUJDT
    搀俱ך倯
46. 荈⵸ד
    "1*
    ׾⡲׷
47. 'JSFCBTF
    "OBMZUJDT
48. 'JSFCBTF
    "OBMZUJDT
 ךًٔحز
49. 
    #JH2VFSZ
    ָ⢪ִ׷ 厫鮾חⴓ匿ָדֹ׷
50. 
    厫鮾חػًٓ٦ة٦ ׾床ׇ׷ (PPHMF
    "OBMZUJDT
    搀俱晛 כؕأةي䭷垥זוחⵖꣲ
51. 
    鎘庠穠卓ָⰋג婍׷ (PPHMF
    "OBMZUJDT
    搀俱晛 כ鎸ꐮדֹ׷؎كٝز侧ח♳ꣲ
52. 
    䔲儗محزדְ׆׸獳 遤ָ䗳銲חז׶׉ֲ׌׏׋ ($.
    דכזֻ
    '$.
    ָ䱿㤺ׁ׸׷״ֲחז׏׋הַ˘
53. וְֲֲ䕎䒭ד鎘庠׃ ״ֲַ
    
54. Ⰻגך铣׫鴥׫儗꟦
 ׾鷏⥋ׅ׷
55. 䎂㖱ٗ٦س儗꟦׾
 㹀劍涸ח鷏׷
56. ٗ٦س儗꟦׾ꥡ秷ⴽח꧊鎘׃ג
    㹀劍涸ח鷏⥋
57. 鷏⥋ر٦ةך؎ً٦آ
58. 鷏⥋ر٦ةך؎ً٦آ [ { duration: 2, value: (…2ms ҎԼͷಡΈࠐΈͷճ਺…) }, { duration: 5, value: (…5ms ҎԼͷಡΈࠐΈͷճ਺…) }, { duration: 10, value: (…10ms ҎԼͷಡΈࠐΈͷճ਺…) }, …(தུ)… { duration: 1000, value: (…1ඵ ҎԼͷಡΈࠐΈͷճ਺…) }, { duration: 2000, value: (…2ඵ ҎԼͷಡΈࠐΈͷճ਺…) }, …(தུ)… ] ˞ ࣮ࡍʹ͸
    +40/
    Ͱ͸ͳ͘

    #VOEMF
    ΦϒδΣΫτͰ౉͠·͢
59. 3FEBTI
    ד꧊鎘
 穠卓׾Ⱏ剣
60. 3FEBTI
    ח״׷꧊鎘穠卓 ඵҎԼ
    ڐ༰ൣғ ඵΑΓ஗͍
61. 3FEBTI
    ח״׷꧊鎘穠卓
    ٍؗحءُろ׬ NTҎԼ
 ͍͍ͩͨΩϟογϡ ඵҎԼ
    ڐ༰ൣғ ඵΑΓ஗͍
62. 歗⫷ٗ٦سך鎘庠穠卓
63. ׻ַ׏׋✲
    鹼ְ
    
64. ꧊鎘穠卓ַ׵׻ַ׏׋✲ ͷը૾͕දࣔʹ
 ඵ଴ͨ͞ΕΔ
 Ωϟογϡ͕ͳ͍৔߹
65. ׻ַ׏׋✲
 Ⰻ鿇ָ鹼ְ
 ׻ֽדכ搀ְ
66. ꧊鎘穠卓ַ׵׻ַ׏׋✲ ͷը૾͸
 NTະຬͰදࣔ͞ΕΔ
67. ֿך穠卓׾⯋ח
 䱠׶♴־ג锃叨
68. ⟎铡
    طحزٙ٦ָؙ鹼ְךדכ
    ˖ ؟٦غ٦ⰻד鎘庠׃׋ٖأهٝأכ鸞 ַ׏׋
    ⟎铡
    ؙٓ؎،ٝزָ鹼ְךדכ
    ˖ ـٓؐؠ晛ַ׵،ؙإأׅ׷ה鸞ְ 锃叨穠卓
69. ׁ׵ח锃ץג
 倵瘻׾㹋遤
70. 倵瘻
    歗⫷ꂁ⥋؟٦غ٦׾㕂ⰻח獳⹛
    ˖ ؟٦غ٦ך⼱侧ָ،ًٔؕח֮׏׋׋׭
    倵瘻
    (MJEF
    ך剑㣐ず儗䱸竲侧׾锃侭
    ˖ Ⳣ椚䖉׍ךؙٔؒأزָ׋ת׶鹼ֻז׏גְ׋ 歗⫷ٗ٦س׾鸞ֻׅ׷倵瘻
71. 倵瘻ה׉ך穠卓
72. 倵瘻
    歗⫷ꂁ⥋؟٦ غ٦׾㕂ⰻח獳⹛ׅ׷
73. طحزٙ٦ָؙ鹼ַ׏׋⾱㔓
    ˖ ؟٦غ٦ך⼱侧ָ،ًٔؕח֮׏׋
    ˖ 婍׶ך⼱侧כ傈劤
    ،ַًٔؕ׵ךٖأهٝأָ鹼ְ
    
    ˖ NT։猱
    ⟃♳
    ˖ 傈劤ַ׵ך㜥さכ
    NT
    ⟃ⰻ 锃叨穠卓
74. Ⰻ鿇㕂ⰻח獳⹛׃׋
75. 㕂ⰻח獳⹛׃׋穠卓 ඵҎ্͔͔Δը૾͕
 ఔ౓ʹݮগ
77. 倵瘻
    (MJEF
    ך剑㣐
 ず儗䱸竲侧׾锃侭ׅ׷
78. 䱸竲♳ꣲ׾馄ִגؙٔؒأزָ䫎־׵׸ גְ׋
    ˖ 鹼ְؙٔؒأزָأٖحس׾⽑剣׃ג׃תֲ
    (MJEF
    ך䱸竲♳ꣲכرؿٕؓزךתת
    '
    ˖ رؿٕؓزכ؝،侧
    ٍؗحءُ⟃㢩
    ˖ ׮׏ה㟓װׇ׷ךדכ 锃叨穠卓
79. 何㊣ׅ׷׊
    
80. كأزָ׻ַ׵זְ
    
81. 鎘庠׃׹
82. 勴⟝׾ⴖ׶剏ִזָ׵庠㹀
    ˖ ず儗䱸竲侧ה䱸竲ف٦ٕ
    ˖ 畭劣
    䎂㖱铣׫鴥׫㔐侧׾فٗحز
    ˖ 猱ח䎂㖱⡦卐歗⫷׾铣׫鴥׭׷ַ
    ˖ את׶铣׫鴥׫猱侧ך鷞侧 鎘庠ׅ׷׊
83. 剑黝ז鏣㹀׾䱱ׅ ˟
    طحزٙ٦ؙך锃㶨ָ䝤ֻծ֮ת׶
 姻然זؚٓؿחז׏גְתׇ׿կ 铣׫鴥׿׌歗⫷ך侧 卐猱 剑㣐ず儗䱸竲侧
84. 剑黝ז鏣㹀׾䱱ׅ ˟
    طحزٙ٦ؙך锃㶨ָ䝤ֻծ֮ת׶
 姻然זؚٓؿחז׏גְתׇ׿կ 铣׫鴥׿׌歗⫷ך侧 卐猱 ಉ࣌઀ଓ਺ʹൺྫ 剑㣐ず儗䱸竲侧
85. 剑黝ז鏣㹀׾䱱ׅ ˟
    طحزٙ٦ؙך锃㶨ָ䝤ֻծ֮ת׶
 姻然זؚٓؿחז׏גְתׇ׿կ 铣׫鴥׿׌歗⫷ך侧 卐猱 ಉ࣌઀ଓ਺૿΍ͯ͠΋
 ޮՌ͕ͳ͍ 剑㣐ず儗䱸竲侧
86. 穠卓
87. 剑㣐ず儗䱸竲侧ך剑黝⦼
    ˖ أٖحسֻ׵ְָ剑黝הⴻ倖
    ˖ 鸐⥋朐屣如痥דכ㣐ֹֻ׃׋倯ָ葺ְַ׮
    ؝طؙءّٝف٦ٕח״׷ 䱸竲 ٍؗحءُ
    ˖ NTֻ׵ְ鸞ֻז׏׋
88. ٔٔ٦أ׃׋
89. ず儗䱸竲侧剑黝⻉ך穠卓 ϦϦʔε࣌ظ
90. 䭁㣐׃ג׫׷ 麩ְָ鋅ִזַ׏׋˘
91. ず儗䱸竲侧剑黝⻉ך穠卓 䭁㣐 NTະຬ
    ͘Β͍૿͑ͨ ඵҎ্
    ͘Β͍ݮͬͨ
92. 鸞ֻז׏׋˘
    
93. תה׭
94. 'JSFCBTF
    "OBMZUJDT
    ד铣׫鴥׫׾鎘庠׃ג何㊣ ׇׁ׋
    ˖ չ鹼ְ
    ⭐պ׫׋ְזٖؽُ٦כ勻זֻז׏׋
    ˖ 㹋庠⦼׾⳿ׅ✲ד؝ىُص؛٦ءّٝ׮《׶僒ֻז׏׋
    倵瘻䩧א⵸ח鎘庠ׅ׷ךָꅾ銲
    ˖ نزٕطحؙ⟃㢩ח倵瘻׾׃ג׮䠐㄂כזְ
    ˖ 䱿庠ׅ׷זծ鎘庠ׇ״ תה׭
95. ΤϯδχΞืूத ˖ չ׮׏ה鸞ֻדֹ׷״պ
    ˖ չ،فٔ׾׮׏ה؎؛׋׮ךחדֹ׷״պ
    ˖ չ꬗涯׉ֲպ
    ͱ͍͏ํɺ͓ؾܰʹ࿈བྷ͍ͩ͘͞ʂ