Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
HTML5アプリにおけるパフォーマンスの基礎知識
Yosuke Onoue
July 08, 2018
Technology
9
8k
HTML5アプリにおけるパフォーマンスの基礎知識
HTML5 APP CONFERENCE 2018での発表資料です。
Yosuke Onoue
July 08, 2018
Tweet
Share
More Decks by Yosuke Onoue
See All by Yosuke Onoue
likr
2
310
likr
1
310
likr
1
92
likr
23
9.5k
likr
4
3.3k
likr
0
150
likr
0
210
likr
2
360
likr
15
5.8k
Other Decks in Technology
See All in Technology
ishiayaya
PRO
0
340
takuros
3
430
pinboro
1
1.6k
hsano
0
130
satotakeshi
2
440
hololab
0
280
opdavies
0
1.6k
satoryu
0
2.3k
mmarukaw
0
1.5k
clustervr
0
140
masashible
0
110
layerx
1
900
Featured
See All Featured
jakevdp
774
200k
pedronauck
652
110k
colly
187
14k
trishagee
20
2.1k
jacobian
255
20k
carmenhchung
26
1.3k
brianwarren
83
4.7k
philhawksworth
190
17k
marcelosomers
220
15k
jeffersonlam
328
15k
lemiorhan
626
42k
chrislema
173
14k
Transcript
)5.-ΞϓϦʹ͓͚Δ ύϑΥʔϚϯεͷجૅࣝ ͓ͷ͏͑ )5.-"11$0/'&3&/$& ݄
ࣗݾհ w ඌ্༸հ :PTVLF0OPVF w ຊେֶจཧֶ෦ใՊֶՊॿڭ w ใՄࢹԽɺཧ࠷దԽɺҙࢥܾఆࢧԉͷݚڀ w
ՄࢹԽγεςϜͷ։ൃʹ8FCϑϩϯτΤϯυٕज़Λ༻ w -JHIUIPVTFͷείΞվળ͕ϚΠϒʔϜ
)5.-ΞϓϦʁ w 8FCΞϓϦɺ18" w ϞόΠϧΞϓϦ w *POJDɺ3FBDU/BUJWFɺFUD w σεΫτοϓΞϓϦ w
&MFDUSPOɺFUD ຊൃදͰ ʮ)5.-$44+BWB4DSJQUΛ ɹத৺ʹߏ͞Εͨ8FCΞϓϦʯ Λఆ͠·͢
ԿނύϑΥʔϚϯεΛߟ͑Δ͔ʁ
8FCΞϓϦ͍ͱݴΘΕΔ࣌ʜ w ߟ͑ͳ͠ʹ։ൃΛਐΊΔͱύϑΥʔϚϯεམ͕ͪͪ w ػೳՃసૹྔͷ૿Ճট͘ w ͔֬ʹ͍8FCαΠτɾ8FCΞϓϦ͕ଟ͍ w Ϣʔβʔ༏Εͨ69ͷαʔϏεΛΉ ύϑΥʔϚϯεՁΛੜΈग़࣌͢ʹʂ
1SPHSFTTJWF8FC"QQT w IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWF XFCBQQT w 8FCαΠτͱωΠςΟϒΞϓϦͷ ͍͍ͱ͜औΓΛͨ͠8FCΞϓϦ w 1SPHSFTTJWF&OIBODFNFOU w
ߴ͍ϢʔβϏϦςΟͷ࣮ݱ w ϏδωεϑϨϯυϦʔ
w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ wճઢରԠ w
ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- 18"$IFDLMJTU IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 wύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ
8FCΞϓϦͷύϑΥʔϚϯε w ύϑΥʔϚϯεͷछྨ w ϖʔδ͕͙͢ʹදࣔ͞ΕΔ w ϖʔδ͕ܰշʹಈ࡞͢Δ w 3"*-ύϑΥʔϚϯεϞσϧ w
3FTQPOTFɺ"OJNBUJPOɺ*EMFɺ-PBEJOH w IUUQTEFWFMPQFSTHPPHMFDPNXFC GVOEBNFOUBMTQFSGPSNBODFSBJM
3BJMύϑΥʔϚϯεϞσϧ w 3FTQPOTF w Ϣʔβૢ࡞ʹରͯ͠NTҎʹԠ w "OJNBUJPO w NTϑϨʔϜʢ'14ʣ w
*EMF w ΞΠυϧ࣌ؒΛ׆༻͢Δ w -PBEJOH w NTҎʹॳظը໘දࣔ
ύϑΥʔϚϯεվળͷํ๏ 3 " - +BWB4DSJQUॲཧͷߴԽ ˓ ˓ ˓ όοΫάϥϯυॲཧ ˓
ελΠϧͷ࠷దԽ ˓ ˓ ඞཁϦιʔεͷݮ ˓ ϦιʔεͷઌಡΈ ˓ ˓
+BWB4DSJQUॲཧͷվળ
͍+BWB4DSJQUॲཧͷվળ w ΞϧΰϦζϜͷվળ w 8FC8PSLFS w ॲཧͷฒྻԽɺόοΫάϥϯυ࣮ߦ w 8FC"TTFNCMZ w
ॲཧͷߴԽɺ$ࢿ࢈ͷར༻ɺ+4Ҏ֎ͷݴޠͷར༻ w (1(16ʢ8FC(-ɺ8FC(16ʣ w (16ΛͬͨॲཧͷߴԽ
8FC8PSLFS w 8FCϒϥβ্Ͱͷฒྻॲཧ w +BWB4DSJQUجຊతʹγϯάϧεϨου w ॏ͍ԋࢉॲཧͰ6*εϨουΛ༗͠ͳ͍Α͏ʹ͢Δ w 8PSLFSΛۦ͢ΔͨΊͷϓϩδΣΫτߏXJUI XFCQBDL
w IUUQTRJJUBDPN@MJLSJUFNT EEDBCBDGF w ྫɿIUUQTFHSJEKQ
8FC"TTFNCMZ w ϒϥβ্Ͱ࣮ߦՄೳͳܰྔόΠφϦϑΥʔϚοτ w BTNKT1/B$-ͷޙܧ w +BWB4DSJQUҎ֎ͷݴޠ͔ΒίϯύΠϧ͢Δͷ͕Ұൠత w $ɺ$ ɺ3VTUɺ(Pɺ"TTFNCMZ4DSJQUɺFUD
ωοτϫʔΫՄࢹԽͷྫ w %KT൛ɿඵ w 3VTU൛ɿඵʢYʣ
ϦιʔεಡΈࠐΈͷվળ
-PBEJOHͷվળ w جຊ w ແବΛͳ͘͢ w ෆඞཁͳεΫϦϓτɺελΠϧɺը૾ɺϑΥϯτɺʜ w Ͳ͏͠Α͏ͳ͘ͳͬͨΒ w
੩తαΠτੜ w αʔόαΠυϨϯμϦϯά w131-
ෆඞཁͳϥΠϒϥϦͷݮ w ϥΠϒϥϦ͕૿͑Δͱ-PBEJOH࣌ؒ৳ͼΔ w 3FHVMBS(ʢLCQT NT355ʣ w ։ൃऀͷָ͞ΛͲ͜·ͰϢʔβʔʹෛ୲ͤ͞Δ͔ʁ w Ͳ͏ͯ͠ඞཁͳΒ
w 5SFF4IBLJOHͰඞཁ࠷খݶͷ෦͚ͩಡΈࠐΉ w -B[Z-PBEJOHΛߦ͏
131-ύλʔϯ w 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE w ϝϦοτ w 55*ʢ5JNF5P*OUFSBDUJWFʣͷ࠷খԽ
w Ωϟογϡޮͷ࠷େԽ w ։ൃɾσϓϩΠϝϯτͷ؆ૉԽ w &4.PEVMFTʹΑΔޮతͳεΫϦϓτಡΈࠐΈ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFQSQMQBUUFSO
)551ͱ4FSWFS1VTI w ࡉ͔͍ϑΝΠϧ܈ͷಡΈࠐΈͷ࠷దԽ w 8FCϒϥβɺ)551αʔόϨϕϧͰͷߴԽ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFIUUQ
ύϑΥʔϚϯεͷଌఆ
-JHIUIPVTF w 8FCαΠτͷղੳπʔϧʢ$ISPNF֦ுPSίϚϯυʣ w 1SPHSFTTJWF8FC"QQ w 1FSGPSNBODF w "DDFTTJCJMJUZ w
#FTU1SBDUJDFT w 4&0 w $ISPNF͔Βඪ४ࡌʢ"VEJUTQBOFMʣ
None
None
͜Ε͔Βͷ8FCΞϓϦઃܭ
8FCΞϓϦͷઃܭ w ޙ͔Βຊ֨తͳ18"ʹ͢Δͷ͍͠ w ࠷ॳ͔Β18"Λҙࣝͨ͠ઃܭ 18"ϑΝʔετ w 18"ͷ࡞Γํ
41"Λ͔ͬ͠Γ࡞Δ 4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUʹରԠ͢Δ ύϑΥʔϚϯενϡʔχϯάΛؤுΔ w ޙ͔ΒͷύϑΥʔϚϯεվળ͍͠ ύϑΥʔϚϯεϑΝʔετͳઃܭ
͜Ε͔ΒͷϋΠύϑΥʔϚϯε8FCΞϓϦ w ฒྻॲཧɺόοΫάϥϯυॲཧʢ8FC8PSLFSʣ w ԋࢉॲཧͷߴԽʢ8FC"TTFNCMZɺ(1(16ʣ w దͳཻͷϦιʔεׂʢ&4.PEVMFTʣ w Ϧιʔεͷ࠷దͳಡΈࠐΈʢ)551ʣ w
8FCඪ४ͷίϯϙʔωϯτࢦʢ8FC$PNQPOFOUTʣ w FUD 8FCඪ४ύϑΥʔϚϯεٻͷํਐԽʂ
ύϑΥʔϚϯεվળͷΞϓϩʔν w ύϑΥʔϚϯεΑΓॏཁͳཁૉ w ϞόΠϧϑΝʔετΠϯσοΫε w ݕࡧΤϯδϯ8FCαΠτΛఆྔతʹධՁ͢Δ w ޙ͚ͷύϑΥʔϚϯεվળࠔ w
ύϑΥʔϚϯεΛߟྀͨ͠ઃܭɾاը w ύϑΥʔϚϯεΛߟ͑ΒΕΔਓࡐͷඞཁੑ w ΤϯδχΞʢͨΓલʣ w σβΠφʔɺσΟϨΫλʔɺʜ
·ͱΊ
·ͱΊ w ߴύϑΥʔϚϯεͳ8FCΞϓϦΛ࣮ݱ͢Δ্Ͱ ߟྀ͢Δ͖ϙΠϯτͱදతͳରࡦΛհ w ༏ΕͨϢʔβʔମݧͷ࣮ݱ w 3"*-ύϑΥʔϚϯεϞσϧ w ࠷ॳ͔ΒύϑΥʔϚϯεΛߟྀͨ͠ઃܭΛࢦ͢
w ϞόΠϧϑΝʔετ ˠ18"ϑΝʔετ ˠύϑΥʔϚϯεϑΝʔετʂ