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
パフォーマンス改善のケーススタディ
Search
pagu0602
December 19, 2018
Technology
1
420
パフォーマンス改善のケーススタディ
pagu0602
December 19, 2018
Tweet
Share
More Decks by pagu0602
See All by pagu0602
2023-04-28_Muddy_Web.pdf
pagu0602
0
3.9k
Other Decks in Technology
See All in Technology
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
130
OPENLOGI Company Profile
hr01
0
67k
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
120
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
6
4.8k
Geminiとv0による高速プロトタイピング
shinya337
0
210
Github Copilot エージェントモードで試してみた
ochtum
0
140
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
1
9k
本が全く読めなかった過去の自分へ
genshun9
0
730
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
1
9.2k
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
5.4k
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
390
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Cult of Friendly URLs
andyhume
79
6.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Documentation Writing (for coders)
carmenintech
72
4.9k
Adopting Sorbet at Scale
ufuk
77
9.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
730
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Transcript
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 'SPOUSFOE7PM%FDUI ,PUB:BOBHJ !QBHV ύϑΥʔϚϯεվળͷ έʔεελσΟ
"CPVUNF DISPNFEFWTVNNJUCSJFpOHTFTTJPO ,PUB:BOBHJ༄ɹߞଠ !QBHV w $ZCFS"HFOU *OD৽ଔೖࣾ w "NFCBϒϩάॴଐ w
ϑϩϯτΤϯυΤϯδχΞ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ຊεϥΠυͰѻ͏༰
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM
8PSME
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM
8PSME
DISPNFEFWTVNNJUCSJFpOHTFTTJPO (FU%PXOUP#VTJOFTT8IZUIF 8FC.BUUFST 8FCύϑΥʔϚϯε͕ॏཁͰ͋Δཧ༝
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ճઢ͕͍ࠃ͕·ͩଟ͋͘Δ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4QPUJGZ w ࣌Ͱ8FCαΠτʹΞϓϦ%-ͷಋઢ͕͋Δ ͚ͩ w τϥϑΟοΫࣗମͦΕͳΓʹ͋ͬͨ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4QPUJGZ w ϒϥδϧͰͷϢʔβʔςετ w ̎̐࣌ؒҎͷ࠶ੜɿ૿
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w .FEJBTFTTJPO"1* w "EEUPIPNFTDSFFO w 1SPUFDUFEDPOUFOU
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ̍Ҏͷ࠶ੜɿ૿ w ޙͷΞΫςΟϒϢʔβʔɿ૿ w Ҏ্ར༻ͯ͠ͳ͔ͬͨϢʔβʔͷ෮ؼɿ૿
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ΞϓϦͱḮ৭ͳ͍ମݧ w ৴པੑ w ͞ w Τϯήʔδ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ΦϑϥΠϯαϙʔτ w Ϣʔβʔใͷอଘ w ύϑΥʔϚϯεվળ w ҆શָ͔ͭͳϩάΠϯ w
ϗʔϜը໘ʹՃ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ωΠςΟϒΞϓϦ͕ಈ͔ͳ͍ڥͰ͑ΔΑ͏ʹ w σεΫτοϓαΠτͰͷ69্͕ w 4UBSCVDLT3FXBSETͷXFCܦ༝Ͱͷొɿˋ૿
DISPNFEFWTVNNJUCSJFpOHTFTTJPO
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ॳճಡΈࠐΈ࣌ؒɿ w +BWB4DSJQUɿ,#ˠ,# w $44ɿ,#ˠ,#
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w -PHHJOH w 1JOOFS8BJU5JNFͷܭଌ w "MFSU w όϯυϧαΠζͷࢹ w
1SFWFOUJPO w ϞόΠϧͰσεΫτοϓ༻ͷίʔυΛΘͳ͍Α͏ʹ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w िؒϢʔβʔ͕ɿ૿ w ηογϣϯܧଓ͕࣌ؒɿ૿ w ϢʔβʔొϞόΠϧ8FC͕࠷ଟ͘ͳͬͨ w ଳҬ෯͕ݶΒΕͯΔҬͰͷ w
िؒϢʔβʔɿ૿ w Ӿཡ͞Εͨϐϯɿ૿
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM
8PSME
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4UBUFPGUIF6OJPOGPS4QFFE 5PPMJOH ύϑΥʔϚϯεվળʹ༻͍Δπʔϧ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO r1FUFS%SVDLFS l:PVDBO`UJNQSPWFXIBUZPV %PO`UNFBTVSFz
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 8FCͷओͳࢦඪ w 'JSTU$POUFOUGVM1BJOU w 5JNFUP*OUFSBDUJWF w 'JSTU*OQVU%FMBZ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ͦΕͧΕΛଌΔͨΊͷπʔϧ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO -JHIUIPVTFW w 18"3FGBDUPS w ࣮ߦ࣌ؒඵඵ w ʹͳΔͨΊͷ w 'BTU(ͷϥϕϧ͕4MPX(ʹมߋ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 18"3FGBDUPS
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ଞͷπʔϧͱͷ౷߹ w $BMJCSF w USFP w 4QFFE$VSWF w XFCEFW
w 4RVBSF4QBDF
DISPNFEFWTVNNJUCSJFpOHTFTTJPO XFCEFW
DISPNFEFWTVNNJUCSJFpOHTFTTJPO $S69 w ࠃ͝ͱͷσʔληοτ͕༻ग़དྷΔΑ͏ʹͳͬͨ w $S69%BTICPBSE
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 1BHF4QFFE*OTJHIUT w -JHIUIPVTFΛੳΤϯδϯʹ༻ w 1FSGPSNBODFͷτοϓείΞΛఏڙ w 'JFME%BUBʹ$S69Λར༻͢ΔΑ͏ʹͳͬͨɻ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM
8PSME
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4QFFE&TTFOUJBMT,FZ 5FDIOJRVFTGPS'BTU8FCTJUFT 8FCαΠτߴԽͷͨΊͷςΫχοΫ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ϞόΠϧͷϦιʔε༻ *NBHFT +BWB4DSJQUT 'POUT
DISPNFEFWTVNNJUCSJFpOHTFTTJPO *NBHFT w దͳϑΥʔϚοτʹ͢Δ w దʹѹॖ͢Δ w దͳαΠζɺղ૾ w -B[Z-PBE
w ͜ΕΒͷ͜ͱΛࣗಈԽ͢Δ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO దͳϑΥʔϚοτʹ͢Δ (*' .# .1&( ,#
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 5XJUUFSͷ(*'ը૾
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 8FC1
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 8FC1 w +1&(1/(Λ͏ΑΓdݮ w 8FC1ະରԠϒϥβରԠ؆୯
DISPNFEFWTVNNJUCSJFpOHTFTTJPO <picture> <source type="image/webp" srcset=“flowwer.webp”> <source type="image/jpeg" srcset=“flowwer.jpg"> <img src="flower.jpg">
</picture>
DISPNFEFWTVNNJUCSJFpOHTFTTJPO దʹѹॖ͢Δ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ඇՄٯѹॖ༻ͷπʔϧ w *NBHFNJO͕Ұൠతͳπʔϧ w 8FCQBDL w /PEFKT w (VMQ
w (SVOU w 4IFMM
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4RVPPTI
DISPNFEFWTVNNJUCSJFpOHTFTTJPO దͳαΠζɺղ૾ w େ͖͍ը૾σʔλͷసૹྔ͚ͩͰͳ͘$16ʹෛՙ Λ͔͚Δ w dαΠζͷը૾Λ༻ҙ͓ͯ͘͠ͷ͕ྑ͍
DISPNFEFWTVNNJUCSJFpOHTFTTJPO -B[Z-PBE w 4QPUJGZ.#͋ΔϦιʔεΛ-B[Z-PBEͰ͑ͯΔ w /BUJWF-B[Z-PBE࣮༧ఆ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO +BWB4DSJQU w 4QMJUCVOEMF w 1SFMPBE w ඞཁͳϑΝΠϧͷਫ਼ࠪ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w 1SFMPBE w $PEF4QMJUUJOH w ϧʔτϨϕϧͰߦ͚ͬͨͩͰ,#ˠ,# w 1FSGPSNBODF#VEHFU w
νϟϯΫ͝ͱʹ,ͷ#VEHFUΛઃఆ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM
8PSME
DISPNFEFWTVNNJUCSJFpOHTFTTJPO .PEFSO8FCTJUFTGPS& DPNNFSDFJOUIF3FBM8PSME &$αΠτʹ͓͚ΔύϑΥʔϚϯεվળ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO Ϟμϯͳ&$αΠτΛ࡞ΔͨΊͷٕज़
DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4BBUWBͷࣄྫ w ৄࡉը໘Λ".1Խ w Χʔτ௨ৗϖʔδͩͬͨͨΊɺεϐʔυͷ͕ࠩੜͨ͡ w ͜Ε69తʹྑ͘ͳ͍ w Χʔτϖʔδ".1Խ͠ৄࡉ໘͔ΒΧʔτʹՃग़དྷ
ΔΑ͏ʹ w λοϓͷಈ࡞͕ඞཁͩͬͨͷ͕λοϓʹݮগ w ίϯόʔδϣϯɿ૿
DISPNFEFWTVNNJUCSJFpOHTFTTJPO Ұ؏ੑΛอͭͨΊʹඞཁͳཁૉ ৫ͷڠྗ ٕज़తΞϓϩʔν ޮՌܭଌ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ৫ͷڠྗ w ύϑΥʔϚϯεվળ৫શମͷ՝ w ίϯςϯπɿ࠷దԽ͞Ε͍ͯͳ͍ը૾ͷ৴ w ϚʔέςΟϯάɿܭଌ༻ͷλά͕ॏ͍
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ϚʔέςΟϯάνʔϜͱٕज़νʔϜΛ৫౷߹ w ͦΕΛ$.0͕͍ͯԣ࣠৫Λܗ w ෳͷ෦Λ౷߹ w ڞ௨ඪͱͯ͠ʮ৽ͨʹग़͖ͯͨମݧʹࢿ͢Δɻʯ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ίϯόʔδϣϯɿ૿ w 5JNFUP*OUFSBDUJWFɿʹݮ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ϘτϜΞοϓͰվળΛߦͬͨ w 18"ͷޮՌΛܭଌͯ͠ίϯηϯαεಘΔ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ༧ɿ૿ w ܧଓɿഒ w 4QFFE*OEFYɿݮ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ٕज़తΞϓϩʔν ظతͳϏδϣϯΛ࣋ͭ ظతͳΰʔϧΛઃఆ͢Δ ΰʔϧΛظతͳϏδϣϯʹԊ͏Α͏ʹઃఆ͢Δ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ظతඪɿ5JNFUP*OUFSBDUJWFΛݮ w ظతͳΰʔϧɿ+BWB4DSJQU,#ˣ$44,#ˣ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w Ұ෦ͷϖʔδͰ55*ɿݮ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ݕࡧ݁Ռͷ্ҐͭΛQSFGFUDI
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ܭଌ w ڞ༗Ͱ͖ΔϝτϦΫε w ࣗಈԽπʔϧ w ࣮ߦՄೳͳ࣍ͷεςοϓ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ϞόΠϧϢʔβʔͷച্ͷൺ͕͔ͬͨ w ϚʔέςΟϯάνʔϜʹݪҼௐࠪΛґཔ͢Δ w ݁ՌΛݩʹ1FSGPSNBODF#VEHFUΛઃఆ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ίϯόʔδϣϯ ωΠςΟϒͱͷൺ ɿ̑̌ˋ૿
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w Ϣʔβʔͷଟ͕͘(ճઢ w 1FSGPSNBODF#VEHFUΛ$*ͰνΣοΫ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w දࣔɿݮ w ࣗવྲྀೖɿˋ૿ w ࠂͷΫϦοΫɿഒ w νϟοτͷར༻ɿ૿
DISPNFEFWTVNNJUCSJFpOHTFTTJPO w 1FSGPSNBODF#VEHFUͷՄࢹԽ
DISPNFEFWTVNNJUCSJFpOHTFTTJPO ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ