Webパフォーマンスチューニング

2年前に社内勉強会で発表したモダンなWebパフォーマンスチューニングの話です。

Transcript

1. 8FCύϑΥʔϚϯε νϡʔχϯά (JOP
   JOD
   ۚݪ
2. "HFOEB w ύϑΥʔϚϯεͷࢦඪ
   w ϨϯμϦϯάͷ࢓૊Έ
   w ܭଌํ๏
   w νϡʔχϯάͷجຊ
3. ࢦඪͷॏཁੑ
4. Ϣʔβʔͷ൓Ԡ ஗Ԇ Ϣʔβʔͷ൓Ԡ d
   NT Ξχϝʔγϣϯ͕εϜʔζͩͱײ͡Δ d
   NT ΞΫγϣϯʹର͙ͯ͢͠ʹ݁Ռ͕ಘΒΕͨͱײ͡Δ
   ͜ΕҎ্͕͔͔࣌ؒΔͱɺૢ࡞ͱ൓ԠʹζϨΛײ͡Δ d
   NT Ϣʔβʔ͸΍΍஗͍ͱײ͡Δ d
   NT ϖʔδಡΈࠐΈ΍Ϗϡʔͷ੾Γସ͕͑ࣗવʹਐΜͰ͍Δͱײ͡Δ 
   NTҎ্ Ϣʔβʔ͸࣮ߦͨ͠λεΫ΁ͷؔ৺Λࣦ͏ TҎ্ Ϣʔβʔ͸΋͏໭ͬͯ͜ͳ͍
5. 3"*- w 3FTQPOTF
   w "OJNBUJPO
   w *EMF
   w -PBE 3FTQPOTF ϢʔβʔͷΞΫγϣϯʹରͯ͠
   Ԡ౴Λฦ͢·Ͱͷ࣌ؒ NT "OJNBUJPO ࿈ଓͨ͠ΞχϝʔγϣϯͷதͰɺ
   ϑϨʔϜลΓͷॲཧ࣌ؒ NT
   NT *EMF ΞΠυϧঢ়ଶʹ࣮ߦ͞ΕΔ+BWB4DSJQUͷॲཧ࣌ؒ NT -PBE ϖʔδͷίϯςϯπͷಡΈࠐΈʹ͔͔Δ࣌ؒ NT
6. ϨϯμϦϯάͷͭͷ޻ఔ -PBEJOH 4DSJQUJOH 3FOEFSJOH 1BJOUJOH 'SBNF
7. ϑϨʔϜͷৄࡉ
8. -PBEJOH w %PXOMPBE
   w ίϯςϯπΛϩʔυ
   w 1BSTF
   w %0.πϦʔɺ$440.ͷπϦʔ
9. 4DSJQUJOH w ࣈ۟ղੳ
   w ߏจղੳ
   w ίϯύΠϧ
   w ࣮ߦ
10. 3FOEFSJOH w $BMDVMBUF
    4UZMF
    w ఏڙ͞ΕΔTUZMFͷܭࢉ
    w -BZPVU
    w ϨΠΞ΢τ৘ใͷܭࢉ
    w ཁૉͷେ͖͞
    w ཁૉͷϚʔδϯ
    w ཁૉͷ͍ͪ
    w ;࣠
11. 1BJOUJOH w 1BJOU
    w άϥϑΟοΫΤϯδϯͷͨΊͷ໋ྩͷྻΛੜ੒
    w 3BTUFSJ[F
    w ໋ྩྻ͔ΒϐΫηϧΛੜ੒͢Δ
    w ϨΠϠʔ΋͜͜Ͱ࡞੒͞ΕΔ
    w $PNQPOFOU
    -BZPVU
    w ϨΠϠʔΛ߹੒ͯ͠ίϯςϯπදࣔ
12. νϡʔχϯάͷجຊ w جຊ͸ܭଌ͔Β࢝ΊΔ
    w νϡʔχϯάͷੋඇ͸ࢦඪͱরΒ͠߹Θͤͯߦ͏
13. ଌఆͷํ๏ w ͍͔ͭ͋͘Δ
    w $ISPNF
    "VEJU
    MJHIUIPVTF
    w $ISPNF
    %FW5PPMT
    w +BWB4DSJQUͷຒΊࠐΈ
    w ύϑΥʔϚϯε਍அπʔϧ
    w /FX
    3FMJD
14. $ISPNF
    %FW5PPMT
    
    1FSGPNBODF
15. ͰɺQBJ[B͸ʁ
16. ͰɺQBJ[B͸ʁ
17. 10)
18. 10)
19. Ұํ(SFFO͸ʁ
20. Ұํ(SFFO͸ʁ
21. ΋͔ͯ͠͠
22. -PBEJOHͷνϡʔχϯά w ಡΈࠐΉϦιʔεͷେ͖͞ͱ਺ΛݮΒ͢
    w ϨϯμϦϯάΛϒϩοΫ͢ΔಡΈࠐΈΛݮΒ͢
    w ϒϥ΢βͱαʔόʔؒͷ஗ԆΛݮΒ͢
    w ΩϟογϡΛ׆༻͢Δ
    w )551
23. +BWBTDSJQUͷEFGFSBTZOD w ඇಉظʹಡΈࠐΉ͕ɺ࣮ߦλΠϛϯάͱ࣮ߦॱ͕ҟͳΔ ͳ͠ EFGFS BTZOD )5.-ͷύʔε ϒϩοΫ͢Δ ϒϩοΫ͠ͳ͍ ϒϩοΫ͠ͳ͍ ࣮ߦλΠϛϯά ಉظత )5.-ͷύʔεޙ εΫϦϓτऔಘ௚ޙ ࣮ߦॱ એݴॱͰอূ એݴॱͰอূ อূ͞Εͳ͍
24. 4DSJQUJOHͷνϡʔχϯά w ($Λ๷͙
    w 8FC
    8PSLFSTΛ࢖͏
    w BTNKTͰߴ଎Խ
    w 1BTTJWF
    &WFOU
    -JTUFOFS
    w 8FC(-
25. Ұ൪͸ϝΠϯͷ6*εϨουΛ ࢭΊͳ͍͜ͱ
26. 'PSDFE
    4ZODISPOPVT
    -BZPVU w 4DSJQUJOH಺Ͱ$BMDVMBUF
    4UZMFͱ-BZPVU͕૸Δ͜ͱ WBS
    EJW
    
    EPDVNFOUDSFBUF&MFNFOU 
    EJW` 
    EJWJOOFS)5.-
    
    EJW
    FMFNFOU`
    EPDVNFOUCPEZBQQFOE$IJME EJW 
    
    
    ͜͜Ͱ'PSDFE
    4ZODISPOPVT
    -BZPVU
    ͕ൃੜ͢Δ
    DPOTPMF
    MPH
    EJW
    P⒎TFU5PQ 
    SFRVFTU"OJNBUJPO'SBNF
    GVODUJPO
    \
    
    
    
    
    ͜͜Ͱऔಘ͢Δͱ
    'PSDFE
    4ZODISPOPVT
    -BZPVU
    ͸ى͖ͳ͍
    
    
    DPOTPMFMPH EPNP⒎TFU5PQ 
    
    ^ 
27. 3FOEFSJOHͷνϡʔχϯά w %0.΍$44Λখ͘͢͞Δ
    w JNHͷαΠζΛࢦఆ͢Δ
28. $44ͷϚονϯάϧʔϧ w ηϨΫλ͸ӈ͔Βࠨʹղऍͯ͠ϚονϯάΛߦ͏
    w CVUUPOཁૉ͋Δ
    w ਌ཁૉʹDPOUBJOFSؚ͕·Ε͍ͯΔ
    w ਌ཁૉ͕CPEZͰ͋Δ CPEZ
    
    DPOUBJOFS
    
    CVUUPO
    \
    ^
29. ࠶ϨϯμϦϯά w લճͷ$BMDVMBUF
    4UZMF΍-BZPVUͷ݁ՌΛۃྗ࢖͍ճ͢
    w ͨͩ͠ɺมߋ෦෼͸ܭࢉ͠௚͢ඞཁ͕͋Δ
    w KTͰTUZMFϓϩύςΟΛ௚ͨ͠ΓɺBEE$MBTTͨ͠Γ
30. ϨϯμϦϯάͷνϡʔχϯά w લߦఔ͕ى͖ͳ͍Α͏ʹ͢Δ
    w IUUQTDTTUSJHHFSTDPN
    w มԽ෦෼ͷΈϨΠϠʔΛ෼͚Δ
31. &OE