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
87
Webパフォーマンスチューニング
2年前に社内勉強会で発表したモダンなWebパフォーマンスチューニングの話です。
rhythm191
December 08, 2019
Tweet
Share
More Decks by rhythm191
See All by rhythm191
HTML・CSS勉強会1
rhythm191
0
85
HTML・CSS勉強会2
rhythm191
0
38
HTML・CSS勉強会3
rhythm191
0
39
splatoon勉強会
rhythm191
0
340
splatoon勉強会2
rhythm191
0
330
splatoon勉強会3
rhythm191
0
320
splatoon勉強会4
rhythm191
0
300
splatoon勉強会5
rhythm191
0
330
splatoon勉強会6
rhythm191
0
250
Other Decks in Technology
See All in Technology
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
220
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
i35_267
4
1.5k
Witchcraft for Memory
pocke
1
240
第9回情シス転職ミートアップ_テックタッチ株式会社
forester3003
0
220
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
130
MySQL5.6から8.4へ 戦いの記録
kyoshidaxx
1
190
Agentic Workflowという選択肢を考える
tkikuchi1002
1
490
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
140
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
190
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.1k
フィンテック養成勉強会#54
finengine
0
170
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
1k
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Balancing Empowerment & Direction
lara
1
360
Large-scale JavaScript Application Architecture
addyosmani
512
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Thoughts on Productivity
jonyablonski
69
4.7k
A Modern Web Designer's Workflow
chriscoyier
694
190k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Rails Girls Zürich Keynote
gr2m
94
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
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