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

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