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
Wasmのエコシステムを使った ツール作成方法
askua
0
140
Developer Advocate / Community Managerなるには?
tsho
0
140
AI時代だからこそ考える、僕らが本当につくりたいスクラムチーム / A Scrum Team we really want to create in this AI era
takaking22
8
4.2k
Performance Insights 廃止から Database Insights 利用へ/transition-from-performance-insights-to-database-insights
emiki
0
250
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
180
社内報はAIにやらせよう / Let AI handle the company newsletter
saka2jp
8
1.4k
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
ryo_suzuki
0
170
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
kenichirokimura
3
300
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
2
620
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
1
170
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
160
能登半島地震において デジタルができたこと・できなかったこと
ditccsugii
0
170
Featured
See All Featured
Producing Creativity
orderedlist
PRO
347
40k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Writing Fast Ruby
sferik
629
62k
For a Future-Friendly Web
brad_frost
180
9.9k
KATA
mclloyd
32
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Making Projects Easy
brettharned
119
6.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ