Upgrade to Pro — share decks privately, control downloads, hide ads and more …

パフォーマンス改善のケーススタディ

Avatar for pagu0602 pagu0602
December 19, 2018
Technology
1
420

 パフォーマンス改善のケーススタディ

Avatar for pagu0602

pagu0602

December 19, 2018
Tweet

More Decks by pagu0602

See All by pagu0602
2023-04-28_Muddy_Web.pdf
Avatar for pagu0602 pagu0602
0
3.9k

Other Decks in Technology

See All in Technology
Wasmのエコシステムを使った ツール作成方法
Avatar for asuka askua
0
140
Developer Advocate / Community Managerなるには？
Avatar for tsho tsho
0
140
AI時代だからこそ考える、僕らが本当につくりたいスクラムチーム / A Scrum Team we really want to create in this AI era
Avatar for TAKAKING22 takaking22
8
4.2k
Performance Insights 廃止から Database Insights 利用へ/transition-from-performance-insights-to-database-insights
Avatar for emi emiki
0
250
M5製品で作るポン置きセルラー対応カメラ
Avatar for Hisaya OKADA sayacom
0
180
社内報はAIにやらせよう / Let AI handle the company newsletter
Avatar for Jumpei Sakatsu saka2jp
8
1.4k
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
Avatar for Ryo Suzuki ryo_suzuki
0
170
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
Avatar for Ken'ichirou Kimura kenichirokimura
3
300
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
2
620
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
Avatar for Koji Miyata miyatakoji
1
170
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
Avatar for kazzpapa3 kazzpapa3
1
160
能登半島地震において デジタルができたこと・できなかったこと
Avatar for Masakatsu Sugii ditccsugii
0
170

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Making Projects Easy
Avatar for Brett Harned brettharned
119
6.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.5k

Transcript

  1. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 'SPOUSFOE7PM%FDUI  ,PUB:BOBHJ !QBHV ύϑΥʔϚϯεվળͷ έʔεελσΟ

  2. "CPVUNF DISPNFEFWTVNNJUCSJFpOHTFTTJPO ,PUB:BOBHJ༄ɹߞଠ !QBHV w $ZCFS"HFOU *OD೥৽ଔೖࣾ w "NFCBϒϩάॴଐ w

    ϑϩϯτΤϯυΤϯδχΞ

  3. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ຊεϥΠυͰѻ͏಺༰

  4. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM

    8PSME

  5. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM

    8PSME

  6. DISPNFEFWTVNNJUCSJFpOHTFTTJPO (FU%PXOUP#VTJOFTT8IZUIF 8FC.BUUFST 8FCύϑΥʔϚϯε͕ॏཁͰ͋Δཧ༝

  7. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ճઢ଎౓͕஗͍ࠃ͕·ͩଟ͋͘Δ

  8. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4QPUJGZ w ೥࣌఺Ͱ8FCαΠτʹ͸ΞϓϦ%-ͷಋઢ͕͋Δ ͚ͩ w τϥϑΟοΫࣗମ͸ͦΕͳΓʹ͋ͬͨ

  9. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4QPUJGZ w ϒϥδϧͰͷϢʔβʔςετ w ̎̐࣌ؒҎ಺ͷ࠶ੜ཰ɿ૿

  10. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w .FEJBTFTTJPO"1* w "EEUPIPNFTDSFFO w 1SPUFDUFEDPOUFOU

  11. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ̍೔Ҏ಺ͷ࠶ੜ཰ɿ૿ w ೔ޙͷΞΫςΟϒϢʔβʔ਺ɿ૿ w ೔Ҏ্ར༻ͯ͠ͳ͔ͬͨϢʔβʔͷ෮ؼ཰ɿ૿

  12. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ΞϓϦͱḮ৭ͳ͍ମݧ w ৴པੑ w ଎͞ w Τϯήʔδ

  13. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ΦϑϥΠϯαϙʔτ w Ϣʔβʔ৘ใͷอଘ w ύϑΥʔϚϯεվળ w ҆શָ͔ͭͳϩάΠϯ w

    ϗʔϜը໘ʹ௥Ճ

  14. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ωΠςΟϒΞϓϦ͕ಈ͔ͳ͍؀ڥͰ΋࢖͑ΔΑ͏ʹ w σεΫτοϓαΠτͰͷ69͕޲্ w 4UBSCVDLT3FXBSETͷXFCܦ༝Ͱͷొ࿥ɿˋ૿

  15. DISPNFEFWTVNNJUCSJFpOHTFTTJPO

  16. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ॳճಡΈࠐΈ࣌ؒɿ w +BWB4DSJQUɿ,#ˠ,# w $44ɿ,#ˠ,#

  17. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w -PHHJOH w 1JOOFS8BJU5JNFͷܭଌ w "MFSU w όϯυϧαΠζͷ؂ࢹ w

    1SFWFOUJPO w ϞόΠϧͰσεΫτοϓ༻ͷίʔυΛ࢖Θͳ͍Α͏ʹ

  18. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w िؒϢʔβʔ͕ɿ૿ w ηογϣϯܧଓ͕࣌ؒɿ૿ w Ϣʔβʔొ࿥͸ϞόΠϧ8FC͕࠷΋ଟ͘ͳͬͨ w ଳҬ෯͕ݶΒΕͯΔ஍ҬͰͷ੒௕ w

    िؒϢʔβʔɿ૿ w Ӿཡ͞Εͨϐϯ਺ɿ૿

  19. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM

    8PSME

  20. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4UBUFPGUIF6OJPOGPS4QFFE 5PPMJOH ύϑΥʔϚϯεվળʹ༻͍Δπʔϧ

  21. DISPNFEFWTVNNJUCSJFpOHTFTTJPO r1FUFS%SVDLFS l:PVDBO`UJNQSPWFXIBUZPV %PO`UNFBTVSFz

  22. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 8FCͷओͳࢦඪ w 'JSTU$POUFOUGVM1BJOU w 5JNFUP*OUFSBDUJWF w 'JSTU*OQVU%FMBZ

  23. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ͦΕͧΕΛଌΔͨΊͷπʔϧ

  24. DISPNFEFWTVNNJUCSJFpOHTFTTJPO -JHIUIPVTFW w 18"3FGBDUPS w ࣮ߦ࣌ؒඵඵ w ྘ʹͳΔͨΊͷ఺਺ w 'BTU(ͷϥϕϧ͕4MPX(ʹมߋ

  25. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 18"3FGBDUPS

  26. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ଞͷπʔϧͱͷ౷߹ w $BMJCSF w USFP w 4QFFE$VSWF w XFCEFW

    w 4RVBSF4QBDF

  27. DISPNFEFWTVNNJUCSJFpOHTFTTJPO XFCEFW

  28. DISPNFEFWTVNNJUCSJFpOHTFTTJPO $S69 w ࠃ͝ͱͷσʔληοτ͕࢖༻ग़དྷΔΑ͏ʹͳͬͨ w $S69%BTICPBSE

  29. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 1BHF4QFFE*OTJHIUT w -JHIUIPVTFΛ෼ੳΤϯδϯʹ࢖༻ w 1FSGPSNBODFͷτοϓείΞΛఏڙ w 'JFME%BUBʹ$S69Λར༻͢ΔΑ͏ʹͳͬͨɻ

  30. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM

    8PSME

  31. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4QFFE&TTFOUJBMT,FZ 5FDIOJRVFTGPS'BTU8FCTJUFT 8FCαΠτߴ଎ԽͷͨΊͷςΫχοΫ

  32. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ϞόΠϧͷϦιʔε࢖༻཰  *NBHFT  +BWB4DSJQUT  'POUT

  33. DISPNFEFWTVNNJUCSJFpOHTFTTJPO *NBHFT w ద੾ͳϑΥʔϚοτʹ͢Δ w ద੾ʹѹॖ͢Δ w ద੾ͳαΠζɺղ૾౓ w -B[Z-PBE

    w ͜ΕΒͷ͜ͱΛࣗಈԽ͢Δ

  34. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ద੾ͳϑΥʔϚοτʹ͢Δ (*' .# .1&( ,#

  35. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 5XJUUFSͷ(*'ը૾

  36. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 8FC1

  37. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 8FC1 w +1&(΍1/(Λ࢖͏ΑΓ΋d࡟ݮ w 8FC1ະରԠϒϥ΢βରԠ΋؆୯

  38. DISPNFEFWTVNNJUCSJFpOHTFTTJPO <picture> <source type="image/webp" srcset=“flowwer.webp”> <source type="image/jpeg" srcset=“flowwer.jpg"> <img src="flower.jpg">

    </picture>

  39. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ద੾ʹѹॖ͢Δ

  40. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ඇՄٯѹॖ༻ͷπʔϧ w *NBHFNJO͕Ұൠతͳπʔϧ w 8FCQBDL w /PEFKT w (VMQ

    w (SVOU w 4IFMM

  41. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4RVPPTI

  42. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ద੾ͳαΠζɺղ૾౓ w େ͖͍ը૾͸σʔλͷసૹྔ͚ͩͰ͸ͳ͘$16ʹෛՙ Λ͔͚Δ w dαΠζͷը૾Λ༻ҙ͓ͯ͘͠ͷ͕ྑ͍

  43. DISPNFEFWTVNNJUCSJFpOHTFTTJPO -B[Z-PBE w 4QPUJGZ͸.#͋ΔϦιʔεΛ-B[Z-PBEͰ཈͑ͯΔ w /BUJWF-B[Z-PBE΋࣮૷༧ఆ

  44. DISPNFEFWTVNNJUCSJFpOHTFTTJPO +BWB4DSJQU w 4QMJUCVOEMF w 1SFMPBE w ඞཁͳϑΝΠϧͷਫ਼ࠪ

  45. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w 1SFMPBE w $PEF4QMJUUJOH w ϧʔτϨϕϧͰߦ͚ͬͨͩͰ,#ˠ,# w 1FSGPSNBODF#VEHFU w

    νϟϯΫ͝ͱʹ,ͷ#VEHFUΛઃఆ

  46. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w (FU%PXOUP#VTJOFTT8IZUIF8FC.BUUFST w 4UBUFPGUIF6OJPOGPS4QFFE5PPMJOH w 4QFFE&TTFOUJBMT,FZ5FDIOJRVFTGPS'BTU 8FCTJUFT w .PEFSO8FCTJUFTGPS&DPNNFSDFJOUIF3FBM

    8PSME

  47. DISPNFEFWTVNNJUCSJFpOHTFTTJPO .PEFSO8FCTJUFTGPS& DPNNFSDFJOUIF3FBM8PSME &$αΠτʹ͓͚ΔύϑΥʔϚϯεվળ

  48. DISPNFEFWTVNNJUCSJFpOHTFTTJPO Ϟμϯͳ&$αΠτΛ࡞ΔͨΊͷٕज़

  49. DISPNFEFWTVNNJUCSJFpOHTFTTJPO 4BBUWBͷࣄྫ w ৄࡉը໘Λ".1Խ w Χʔτ͸௨ৗϖʔδͩͬͨͨΊɺεϐʔυͷ͕ࠩੜͨ͡ w ͜Ε͸69తʹྑ͘ͳ͍ w Χʔτϖʔδ΋".1Խ͠ৄࡉ໘͔ΒΧʔτʹ௥Ճग़དྷ

    ΔΑ͏ʹ w λοϓͷಈ࡞͕ඞཁͩͬͨͷ͕λοϓʹݮগ w ίϯόʔδϣϯ཰ɿ૿

  50. DISPNFEFWTVNNJUCSJFpOHTFTTJPO Ұ؏ੑΛอͭͨΊʹඞཁͳཁૉ ૊৫ͷڠྗ ٕज़తΞϓϩʔν ޮՌܭଌ

  51. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ૊৫ͷڠྗ w ύϑΥʔϚϯεվળ͸૊৫શମͷ՝୊ w ίϯςϯπɿ࠷దԽ͞Ε͍ͯͳ͍ը૾ͷ഑৴ w ϚʔέςΟϯάɿܭଌ༻ͷλά͕ॏ͍

  52. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ϚʔέςΟϯάνʔϜͱٕज़νʔϜΛ૊৫౷߹ w ͦΕΛ$.0͕཰͍ͯԣ࣠૊৫Λܗ੒ w ෳ਺ͷ෦໳Λ౷߹ w ڞ௨໨ඪͱͯ͠ʮ৽ͨʹग़͖ͯͨମݧʹ౤ࢿ͢Δɻʯ

  53. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ίϯόʔδϣϯ཰ɿ૿ w 5JNFUP*OUFSBDUJWFɿʹݮ

  54. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ϘτϜΞοϓͰվળΛߦͬͨ w 18"ͷޮՌΛܭଌͯ͠ίϯηϯαεಘΔ

  55. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ༧໿ɿ૿ w ܧଓ཰ɿഒ w 4QFFE*OEFYɿݮ

  56. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ٕज़తΞϓϩʔν  ௕ظతͳϏδϣϯΛ࣋ͭ  ୹ظతͳΰʔϧΛઃఆ͢Δ  ΰʔϧΛ௕ظతͳϏδϣϯʹԊ͏Α͏ʹઃఆ͢Δ

  57. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ௕ظత໨ඪɿ5JNFUP*OUFSBDUJWFΛݮ w ୹ظతͳΰʔϧɿ+BWB4DSJQU,#ˣ$44,#ˣ

  58. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w Ұ෦ͷϖʔδͰ55*ɿݮ

  59. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ݕࡧ݁Ռͷ্ҐͭΛQSFGFUDI

  60. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ܭଌ w ڞ༗Ͱ͖ΔϝτϦΫε w ࣗಈԽπʔϧ w ࣮ߦՄೳͳ࣍ͷεςοϓ

  61. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ϞόΠϧϢʔβʔ਺ͷച্ͷൺ཰͕௿͔ͬͨ w ϚʔέςΟϯάνʔϜʹݪҼௐࠪΛґཔ͢Δ w ݁ՌΛݩʹ1FSGPSNBODF#VEHFUΛઃఆ

  62. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w ίϯόʔδϣϯ ωΠςΟϒͱͷൺ ɿ̑̌ˋ૿

  63. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w Ϣʔβʔͷଟ͕͘(ճઢ w 1FSGPSNBODF#VEHFUΛ$*ͰνΣοΫ

  64. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w දࣔ଎౓ɿݮ w ࣗવྲྀೖɿˋ૿ w ޿ࠂͷΫϦοΫ཰ɿഒ w νϟοτͷར༻཰ɿ૿

  65. DISPNFEFWTVNNJUCSJFpOHTFTTJPO w 1FSGPSNBODF#VEHFUͷՄࢹԽ

  66. DISPNFEFWTVNNJUCSJFpOHTFTTJPO ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ