Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Firebase Analytics で 画像ロードのパフォーマンス を測定し、改善をした話
Search
Motoi Washida
May 09, 2017
Programming
2
1.5k
Firebase Analytics で 画像ロードのパフォーマンス を測定し、改善をした話
shibuya.apk #14 Pre-Google I/O 2017 での発表資料です。
https://shibuya-apk.connpass.com/event/55506/
Motoi Washida
May 09, 2017
Tweet
Share
More Decks by Motoi Washida
See All by Motoi Washida
アプリのための「レイヤー化」アーキテクチャ / Droid Meetup 2019-03
wm3
0
2.5k
Material Design の社内勉強会を行った / Android Engineer Design 1
wm3
1
180
API仕様書から自前でコード生成して運用した話 / DroidKaigi 2018 Reject Conference
wm3
0
870
apply() 要らなくない?
wm3
2
1.4k
Tunnel 社内勉強会 Swift の紹介
wm3
0
290
iOS の Reactive 系ライブラリ
wm3
1
920
Other Decks in Programming
See All in Programming
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
810
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
120
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
160
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
関数型まつり2025登壇資料「関数プログラミングと再帰」
taisontsukada
2
850
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
200
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
290
Create a website using Spatial Web
akkeylab
0
310
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
460
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
100
WindowInsetsだってテストしたい
ryunen344
1
200
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
240
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Embracing the Ebb and Flow
colly
86
4.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Speed Design
sergeychernyshev
32
1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
A Tale of Four Properties
chriscoyier
160
23k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Transcript
None
'JSFCBTF"OBMZUJDTד 歗⫷ٗ٦سךػؿؓ٦وٝأ 庠㹀׃ծ何㊣׃鑧 5VOOFM吳䒭⠓爡 똲歊㛇
荈䊹稱➜ ˖ 5XJUUFS!XN ˖ "OESPJEؒٝآص، J04瘝װ ˖ 3PPN$MJQהְֲ؎ٝذٔ،ⱖ溪ך $(.涪⚥
כׄח
None
3PPN$MJQהכ 鿇㾊ךⱖ溪Ⱏ剣ׅ،فٔ
3PPN$MJQהכ זך 秛ظؐعؐծ%*:⡲ㅷծ˘
3PPN$MJQהכ 㩲鿇㾊ծؔةؙ鿇㾊זו
3PPN$MJQהכ זך鿇㾊ךⱖ溪ָ♰卐
׃ַ׃ג猘ך鿇㾊ծ寅ֺׅ
歗⫷铣鴥ך 鸞ׁכהגꅾ銲 ׃ַ׃
ِ٦ؠ٦ׁך㡮
ِ٦ؠ٦ׁך㡮
鹼ְ⭐
ِ٦ؠ٦ׁך㡮
鹼ְ
ِ٦ؠ٦ׁך㡮
鹼ְ
⦐➂涸ז䠐鋅
גְֲַ劤䔲ח鹼ְ
鸞ֻ׃ְ
None
歗⫷ٗ٦س鸞ֻׅ
None
歗⫷ٗ٦س鸞ֻׅ חׅץֹ✲
וֲׅל歗⫷ٗ٦س ָ傍ֻזֲ
歗⫷⯓铣׃״ֲ
ٍؗحءُ㟓װֲ
搀꼽ז؝٦س 嶊ֲ
؟٦غ٦؟؎س ד锃ץגֲֶ
זו葿ղ倵瘻כ֮ ׃ךח˘
䩛⹛ַׅח 罋ִג״ֲ
Ⰻ鿇װתַׅ
None
ך倵瘻 劤䔲ח⸬卓֮תׅ
'
劤䔲כ㔭גְ➂ קהוְזְַ
None
꠹ꨡח倵瘻׃ג 倵瘻ך⸬卓ָ鋅ִזְ
劤䔲ח鹼ְךַ ׅ㹀ꆀ涸ח庠זְ
װץֹ✲
װץֹ✲ չוך⡘歗⫷邌爙ד䖉ׇגְַպ 庠㹀ׅ չ鹼ְ⾱㔓הזגְ♧殢ך㉏겗պ 鍑寸ׅ
'JSFCBTF"OBMZUJDT ח״歗⫷ٗ٦سך庠㹀
չ歗⫷ٗ٦س儗պ ⡦⢪ג庠㹀׃״ֲ ַ
(PPHMF"OBMZUJDT 搀俱ך倯
荈ד"1*⡲
'JSFCBTF"OBMZUJDT
'JSFCBTF"OBMZUJDT ךًٔحز
#JH2VFSZָ⢪ִ 厫鮾חⴓ匿ָדֹ
厫鮾חػًٓ٦ة٦ 床ׇ (PPHMF"OBMZUJDT 搀俱晛 כؕأةي䭷垥זוחⵖꣲ
鎘庠穠卓ָⰋג婍 (PPHMF"OBMZUJDT 搀俱晛 כ鎸ꐮדֹ؎كٝز侧ח♳ꣲ
䔲儗محزדְ׆獳 遤ָ䗳銲חזֲ ($.דכזֻ'$.ָ䱿㤺ׁ״ֲחזהַ˘
וְֲֲ䕎䒭ד鎘庠׃ ״ֲַ
Ⰻגך铣鴥儗 鷏⥋ׅ
䎂㖱ٗ٦س儗 㹀劍涸ח鷏
ٗ٦س儗ꥡ秷ⴽח꧊鎘׃ג 㹀劍涸ח鷏⥋
鷏⥋ر٦ةך؎ً٦آ
鷏⥋ر٦ةך؎ً٦آ [ { duration: 2, value: (…2ms ҎԼͷಡΈࠐΈͷճ…) }, {
duration: 5, value: (…5ms ҎԼͷಡΈࠐΈͷճ…) }, { duration: 10, value: (…10ms ҎԼͷಡΈࠐΈͷճ…) }, …(தུ)… { duration: 1000, value: (…1ඵ ҎԼͷಡΈࠐΈͷճ…) }, { duration: 2000, value: (…2ඵ ҎԼͷಡΈࠐΈͷճ…) }, …(தུ)… ] ˞ ࣮ࡍʹ+40/Ͱͳ͘ #VOEMFΦϒδΣΫτͰ͠·͢
3FEBTIד꧊鎘 穠卓Ⱏ剣
3FEBTIח״꧊鎘穠卓 ඵҎԼ ڐ༰ൣғ ඵΑΓ͍
3FEBTIח״꧊鎘穠卓 ٍؗحءُろ NTҎԼ ͍͍ͩͨΩϟογϡ ඵҎԼ ڐ༰ൣғ ඵΑΓ͍
歗⫷ٗ٦سך鎘庠穠卓
ַ✲鹼ְ
꧊鎘穠卓ַַ✲ ͷը૾͕දࣔʹ ඵͨ͞ΕΔ Ωϟογϡ͕ͳ͍߹
ַ✲ Ⰻ鿇ָ鹼ְ ֽדכ搀ְ
꧊鎘穠卓ַַ✲ ͷը૾ NTະຬͰදࣔ͞ΕΔ
ֿך穠卓⯋ח 䱠♴־ג锃叨
⟎铡طحزٙ٦ָؙ鹼ְךדכ ˖ ؟٦غ٦ⰻד鎘庠׃ٖأهٝأכ鸞 ַ ⟎铡ؙٓ؎،ٝزָ鹼ְךדכ ˖ ـٓؐؠ晛ַ،ؙإأׅה鸞ְ 锃叨穠卓
ׁח锃ץג 倵瘻㹋遤
倵瘻歗⫷ꂁ⥋؟٦غ٦㕂ⰻח獳⹛ ˖ ؟٦غ٦ך⼱侧ָ،ًٔؕח֮ 倵瘻(MJEFך剑㣐ず儗䱸竲侧锃侭 ˖ Ⳣ椚䖉ךؙٔؒأزָת鹼ֻזגְ 歗⫷ٗ٦س鸞ֻׅ倵瘻
倵瘻הך穠卓
倵瘻歗⫷ꂁ⥋؟٦ غ٦㕂ⰻח獳⹛ׅ
طحزٙ٦ָؙ鹼ַ⾱㔓 ˖ ؟٦غ٦ך⼱侧ָ،ًٔؕח֮ ˖ 婍ך⼱侧כ傈劤 ،ַًٔؕךٖأهٝأָ鹼ְ ˖ NT։猱⟃♳ ˖ 傈劤ַך㜥さכNT⟃ⰻ
锃叨穠卓
Ⰻ鿇㕂ⰻח獳⹛׃
㕂ⰻח獳⹛׃穠卓 ඵҎ্͔͔Δը૾͕ ఔʹݮগ
None
倵瘻(MJEFך剑㣐 ず儗䱸竲侧锃侭ׅ
䱸竲♳ꣲ馄ִגؙٔؒأزָ䫎־ גְ ˖ 鹼ְؙٔؒأزָأٖحس⽑剣׃ג׃תֲ (MJEFך䱸竲♳ꣲכرؿٕؓزךתת' ˖ رؿٕؓزכ؝،侧 ٍؗحءُ⟃㢩 ˖
ה㟓װׇךדכ 锃叨穠卓
何㊣ׅ
كأزַָזְ
鎘庠׃
勴⟝ⴖ剏ִזָ庠㹀 ˖ ず儗䱸竲侧ה䱸竲ف٦ٕ ˖ 畭劣 䎂㖱铣鴥㔐侧فٗحز ˖ 猱ח䎂㖱⡦卐歗⫷铣鴥ַ ˖ את铣鴥猱侧ך鷞侧
鎘庠ׅ
剑黝ז鏣㹀䱱ׅ ˟طحزٙ٦ؙך锃㶨ָ䝤ֻծ֮ת 姻然זؚٓؿחזגְתׇկ 铣鴥歗⫷ך侧 卐猱 剑㣐ず儗䱸竲侧
剑黝ז鏣㹀䱱ׅ ˟طحزٙ٦ؙך锃㶨ָ䝤ֻծ֮ת 姻然זؚٓؿחזגְתׇկ 铣鴥歗⫷ך侧 卐猱 ಉ࣌ଓʹൺྫ 剑㣐ず儗䱸竲侧
剑黝ז鏣㹀䱱ׅ ˟طحزٙ٦ؙך锃㶨ָ䝤ֻծ֮ת 姻然זؚٓؿחזגְתׇկ 铣鴥歗⫷ך侧 卐猱 ಉ࣌ଓ૿ͯ͠ ޮՌ͕ͳ͍ 剑㣐ず儗䱸竲侧
穠卓
剑㣐ず儗䱸竲侧ך剑黝⦼ ˖ أٖحسְָֻ剑黝הⴻ倖 ˖ 鸐⥋朐屣如痥דכ㣐ֹֻ׃倯ָ葺ְַ ؝طؙءّٝف٦ٕח״ 䱸竲 ٍؗحءُ ˖ NTְֻ鸞ֻז
ٔٔ٦أ׃
ず儗䱸竲侧剑黝⻉ך穠卓 ϦϦʔε࣌ظ
䭁㣐׃ג 麩ְָ鋅ִזַ˘
ず儗䱸竲侧剑黝⻉ך穠卓 䭁㣐 NTະຬ͘Β͍૿͑ͨ ඵҎ্͘Β͍ݮͬͨ
鸞ֻז˘
תה
'JSFCBTF"OBMZUJDTד铣鴥鎘庠׃ג何㊣ ׇׁ ˖ չ鹼ְ⭐պְזٖؽُ٦כ勻זֻז ˖ 㹋庠⦼⳿ׅ✲ד؝ىُص؛٦ءّٝ《僒ֻז 倵瘻䩧אח鎘庠ׅךָꅾ銲 ˖ نزٕطحؙ⟃㢩ח倵瘻׃ג䠐כזְ ˖
䱿庠ׅזծ鎘庠ׇ״ תה
ΤϯδχΞืूத ˖ չה鸞ֻדֹ״պ ˖ չ،فٔה؎؛ךחדֹ״պ ˖ չ涯ֲպ ͱ͍͏ํɺ͓ؾܰʹ࿈བྷ͍ͩ͘͞ʂ