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
Webパフォーマンスチューニング
Search
rhythm191
December 08, 2019
Technology
0
93
Webパフォーマンスチューニング
2年前に社内勉強会で発表したモダンなWebパフォーマンスチューニングの話です。
rhythm191
December 08, 2019
Tweet
Share
More Decks by rhythm191
See All by rhythm191
HTML・CSS勉強会1
rhythm191
0
90
HTML・CSS勉強会2
rhythm191
0
41
HTML・CSS勉強会3
rhythm191
0
39
splatoon勉強会
rhythm191
0
350
splatoon勉強会2
rhythm191
0
340
splatoon勉強会3
rhythm191
0
330
splatoon勉強会4
rhythm191
0
310
splatoon勉強会5
rhythm191
0
340
splatoon勉強会6
rhythm191
0
260
Other Decks in Technology
See All in Technology
「守る」から「進化させる」セキュリティへ ~AWS re:Inforce 2025参加報告~ / AWS re:Inforce 2025 Participation Report
yuj1osm
1
170
Understanding Go GC #coefl_go_jp
bengo4com
1
1.1k
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
aeonpeople
2
370
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
29
10k
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
4
1.6k
浸透しなさいRFC 5322&7208
hinono
0
130
DeNA での思い出 / Memories at DeNA
orgachem
PRO
5
1.8k
Yahoo!広告ビジネス基盤におけるバックエンド開発
lycorptech_jp
PRO
1
310
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
320
トヨタ生産方式(TPS)入門
recruitengineers
PRO
5
1.2k
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
0
160
AIエージェント就活入門 - MCPが履歴書になる未来
eltociear
0
660
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
11
1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Practical Orchestrator
shlominoach
190
11k
Designing Experiences People Love
moore
142
24k
Side Projects
sachag
455
43k
Designing for Performance
lara
610
69k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Transcript
8FCύϑΥʔϚϯε νϡʔχϯά (JOPJODۚݪ
"HFOEB w ύϑΥʔϚϯεͷࢦඪ w ϨϯμϦϯάͷΈ w ܭଌํ๏ w νϡʔχϯάͷجຊ
ࢦඪͷॏཁੑ
ϢʔβʔͷԠ Ԇ ϢʔβʔͷԠ dNT Ξχϝʔγϣϯ͕εϜʔζͩͱײ͡Δ dNT ΞΫγϣϯʹର͙ͯ͢͠ʹ݁Ռ͕ಘΒΕͨͱײ͡Δ ͜ΕҎ্͕͔͔࣌ؒΔͱɺૢ࡞ͱԠʹζϨΛײ͡Δ dNT Ϣʔβʔ͍ͱײ͡Δ
dNT ϖʔδಡΈࠐΈϏϡʔͷΓସ͕͑ࣗવʹਐΜͰ͍Δͱײ͡Δ NTҎ্ Ϣʔβʔ࣮ߦͨ͠λεΫͷؔ৺Λࣦ͏ TҎ্ Ϣʔβʔ͏ͬͯ͜ͳ͍
3"*- w 3FTQPOTF w "OJNBUJPO w *EMF w -PBE 3FTQPOTF
ϢʔβʔͷΞΫγϣϯʹରͯ͠ ԠΛฦ͢·Ͱͷ࣌ؒ NT "OJNBUJPO ࿈ଓͨ͠ΞχϝʔγϣϯͷதͰɺ ϑϨʔϜลΓͷॲཧ࣌ؒ NT NT *EMF ΞΠυϧঢ়ଶʹ࣮ߦ͞ΕΔ+BWB4DSJQUͷॲཧ࣌ؒ NT -PBE ϖʔδͷίϯςϯπͷಡΈࠐΈʹ͔͔Δ࣌ؒ NT
ϨϯμϦϯάͷͭͷఔ -PBEJOH 4DSJQUJOH 3FOEFSJOH 1BJOUJOH 'SBNF
ϑϨʔϜͷৄࡉ
-PBEJOH w %PXOMPBE w ίϯςϯπΛϩʔυ w 1BSTF w %0.πϦʔɺ$440.ͷπϦʔ
4DSJQUJOH w ࣈ۟ղੳ w ߏจղੳ w ίϯύΠϧ w ࣮ߦ
3FOEFSJOH w $BMDVMBUF4UZMF w ఏڙ͞ΕΔTUZMFͷܭࢉ w -BZPVU w ϨΠΞτใͷܭࢉ w
ཁૉͷେ͖͞ w ཁૉͷϚʔδϯ w ཁૉͷ͍ͪ w ;࣠
1BJOUJOH w 1BJOU w άϥϑΟοΫΤϯδϯͷͨΊͷ໋ྩͷྻΛੜ w 3BTUFSJ[F w ໋ྩྻ͔ΒϐΫηϧΛੜ͢Δ w
ϨΠϠʔ͜͜Ͱ࡞͞ΕΔ w $PNQPOFOU-BZPVU w ϨΠϠʔΛ߹ͯ͠ίϯςϯπදࣔ
νϡʔχϯάͷجຊ w جຊܭଌ͔Β࢝ΊΔ w νϡʔχϯάͷੋඇࢦඪͱরΒ͠߹Θͤͯߦ͏
ଌఆͷํ๏ w ͍͔ͭ͋͘Δ w $ISPNF"VEJU MJHIUIPVTF w $ISPNF%FW5PPMT w
+BWB4DSJQUͷຒΊࠐΈ w ύϑΥʔϚϯεஅπʔϧ w /FX3FMJD
$ISPNF%FW5PPMT 1FSGPNBODF
ͰɺQBJ[Bʁ
ͰɺQBJ[Bʁ
10)
10)
Ұํ(SFFOʁ
Ұํ(SFFOʁ
͔ͯ͠͠
-PBEJOHͷνϡʔχϯά w ಡΈࠐΉϦιʔεͷେ͖͞ͱΛݮΒ͢ w ϨϯμϦϯάΛϒϩοΫ͢ΔಡΈࠐΈΛݮΒ͢ w ϒϥβͱαʔόʔؒͷԆΛݮΒ͢ w ΩϟογϡΛ׆༻͢Δ w
)551
+BWBTDSJQUͷEFGFSBTZOD w ඇಉظʹಡΈࠐΉ͕ɺ࣮ߦλΠϛϯάͱ࣮ߦॱ͕ҟͳΔ ͳ͠ EFGFS BTZOD )5.-ͷύʔε ϒϩοΫ͢Δ ϒϩοΫ͠ͳ͍ ϒϩοΫ͠ͳ͍
࣮ߦλΠϛϯά ಉظత )5.-ͷύʔεޙ εΫϦϓτऔಘޙ ࣮ߦॱ એݴॱͰอূ એݴॱͰอূ อূ͞Εͳ͍
4DSJQUJOHͷνϡʔχϯά w ($Λ͙ w 8FC8PSLFSTΛ͏ w BTNKTͰߴԽ w 1BTTJWF&WFOU-JTUFOFS w
8FC(-
Ұ൪ϝΠϯͷ6*εϨουΛ ࢭΊͳ͍͜ͱ
'PSDFE4ZODISPOPVT -BZPVU w 4DSJQUJOHͰ$BMDVMBUF4UZMFͱ-BZPVU͕Δ͜ͱ WBSEJWEPDVNFOUDSFBUF&MFNFOU EJW` EJWJOOFS)5.-EJWFMFNFOU` EPDVNFOUCPEZBQQFOE$IJME EJW
͜͜Ͱ'PSDFE4ZODISPOPVT-BZPVU͕ൃੜ͢Δ DPOTPMFMPH EJWP⒎TFU5PQ SFRVFTU"OJNBUJPO'SBNF GVODUJPO \ ͜͜Ͱऔಘ͢Δͱ'PSDFE4ZODISPOPVT-BZPVUى͖ͳ͍ DPOTPMFMPH EPNP⒎TFU5PQ ^
3FOEFSJOHͷνϡʔχϯά w %0.$44Λখ͘͢͞Δ w JNHͷαΠζΛࢦఆ͢Δ
$44ͷϚονϯάϧʔϧ w ηϨΫλӈ͔Βࠨʹղऍͯ͠ϚονϯάΛߦ͏ w CVUUPOཁૉ͋Δ w ཁૉʹDPOUBJOFSؚ͕·Ε͍ͯΔ w ཁૉ͕CPEZͰ͋Δ CPEZDPOUBJOFSCVUUPO\
^
࠶ϨϯμϦϯά w લճͷ$BMDVMBUF4UZMF-BZPVUͷ݁ՌΛۃྗ͍ճ͢ w ͨͩ͠ɺมߋ෦ܭࢉ͢͠ඞཁ͕͋Δ w KTͰTUZMFϓϩύςΟΛͨ͠ΓɺBEE$MBTTͨ͠Γ
ϨϯμϦϯάͷνϡʔχϯά w લߦఔ͕ى͖ͳ͍Α͏ʹ͢Δ w IUUQTDTTUSJHHFSTDPN w มԽ෦ͷΈϨΠϠʔΛ͚Δ
&OE