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
HTML5アプリにおけるパフォーマンスの基礎知識
Search
Yosuke Onoue
July 08, 2018
Technology
9
9.3k
HTML5アプリにおけるパフォーマンスの基礎知識
HTML5 APP CONFERENCE 2018での発表資料です。
Yosuke Onoue
July 08, 2018
Tweet
Share
More Decks by Yosuke Onoue
See All by Yosuke Onoue
ネットワーク可視化の世界
likr
7
6.6k
Think About Front-end Web Development with Rust
likr
2
540
Yewにおけるoff-the-main-thread
likr
1
770
行政事業レビューデータの可視化 / Visualization of Japan's National Budget with JUDGIT!
likr
1
230
モダンJavaScript再入門 / Re-introduction to Modern JavaScript
likr
24
11k
Web-based Data Visualization with Rust and WebAssembly
likr
4
5.8k
Introduction to Graph Drawing
likr
0
510
20190707Ionic_Meetup.pdf
likr
0
450
About the end of the web
likr
2
530
Other Decks in Technology
See All in Technology
生成AI活用のROI、どう測る? DMM.com 開発責任者から学ぶ「AI効果検証のノウハウ」 / ROI of AI
i35_267
4
140
Backlog AI アシスタントが切り開く未来
vvatanabe
1
170
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
340
結局QUICで通信は速くなるの?
kota_yata
9
7.5k
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
160
生成AI利用プログラミング:誰でもプログラムが書けると 世の中どうなる?/opencampus202508
okana2ki
0
180
AWSの最新サービスでAIエージェント構築に楽しく入門しよう
minorun365
PRO
9
540
AI時代の大規模データ活用とセキュリティ戦略
ken5scal
1
270
開発と脆弱性と脆弱性診断についての話
su3158
1
790
歴代のWeb Speed Hackathonの出題から考えるデグレしないパフォーマンス改善
shuta13
5
560
アカデミーキャンプ 2025 SuuuuuuMMeR「燃えろ!!ロボコン」 / Academy Camp 2025 SuuuuuuMMeR "Burn the Spirit, Robocon!!" DAY 1
ks91
PRO
0
150
生成AIによるデータサイエンスの変革
taka_aki
0
3.1k
Featured
See All Featured
Docker and Python
trallard
45
3.5k
Documentation Writing (for coders)
carmenintech
73
5k
GitHub's CSS Performance
jonrohan
1031
460k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
Fireside Chat
paigeccino
39
3.6k
What's in a price? How to price your products and services
michaelherold
246
12k
A designer walks into a library…
pauljervisheath
207
24k
Raft: Consensus for Rubyists
vanstee
140
7.1k
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"ϑΝʔετ ˠύϑΥʔϚϯεϑΝʔετʂ