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

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

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

6afc0de9d281c1ebf568f4e0fe1ddc0b?s=128

Motoi Washida

May 09, 2017
Tweet

Transcript

  1. None
  2. 'JSFCBTF"OBMZUJDTד 歗⫷ٗ٦سךػؿؓ٦وٝأ
 ׾庠㹀׃ծ何㊣׾׃׋鑧 5VOOFM吳䒭⠓爡
 똲歊㛇

  3. 荈䊹稱➜ ˖ 5XJUUFS!XN ˖ "OESPJEؒٝآص، J04瘝׮װ׷  ˖ 3PPN$MJQהְֲ؎ٝذٔ،ⱖ溪ך $(.׾Ꟛ涪⚥

  4. כׄ׭ח

  5. None
  6. 3PPN$MJQהכ 鿇㾊ךⱖ溪׾Ⱏ剣ׅ׷،فٔ

  7. 3PPN$MJQהכ ׫׿זך 秛ظؐعؐծ%*:⡲ㅷծ˘

  8. 3PPN$MJQהכ 㩲鿇㾊ծؔةؙ鿇㾊זו׮

  9. 3PPN$MJQהכ ׫׿זך鿇㾊ךⱖ溪ָ♰卐

  10. ׮׃ַ׃ג猘ך鿇㾊ծ寅ֺׅ

  11. 歗⫷铣׫鴥׫ך
 鸞ׁכהג׮ꅾ銲 ׃ַ׃

  12. ِ٦ؠ٦ׁ׿ך㡮

  13. ِ٦ؠ٦ׁ׿ך㡮

  14. 鹼ְ⭐

  15. ِ٦ؠ٦ׁ׿ך㡮

  16. 鹼ְ

  17. ِ٦ؠ٦ׁ׿ך㡮

  18. 鹼ְ

  19. ⦐➂涸ז䠐鋅

  20. ׏גְֲַ劤䔲ח鹼ְ


  21. 鸞ֻ׃׋ְ

  22. None
  23. 歗⫷ٗ٦س鸞ֻׅ׷ ׊

  24. None
  25. 歗⫷ٗ٦س׾鸞ֻׅ׷ ׋׭חׅ׷ץֹ✲

  26. וֲׅ׸ל歗⫷ٗ٦س ָ傍ֻז׷׌׹ֲ 

  27. 歗⫷׾⯓铣׫׃״ֲ

  28. ٍؗحءُ㟓װ׉ֲ

  29. 搀꼽ז؝٦س׾
 嶊׉ֲ

  30. ؟٦غ٦؟؎س
 ד׮锃ץג׮׵ֲֶ

  31. זו葿ղ倵瘻כ֮׷ ׋׌׃׉ך⵸ח˘

  32. 䩛׾⹛ַׅ⵸ח
 罋ִג׫״ֲ

  33. Ⰻ鿇װ׸תַׅ

  34. None
  35. ׉ך倵瘻
 劤䔲ח⸬卓֮׶תׅ

  36. '

  37. 劤䔲כ㔭׏גְ׷➂
 קה׿וְזְַ׮

  38. None
  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. 㕂ⰻח獳⹛׃׋穠卓 ඵҎ্͔͔Δը૾͕
 ఔ౓ʹݮগ

  76. None
  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. ΤϯδχΞืूத ˖ չ׮׏ה鸞ֻדֹ׷״պ ˖ չ،فٔ׾׮׏ה؎؛׋׮ךחדֹ׷״պ ˖ չ꬗涯׉ֲպ ͱ͍͏ํɺ͓ؾܰʹ࿈བྷ͍ͩ͘͞ʂ