WEBサイトを HTTP/2 に移行した話 / HTTP2

2019年03月29日(金) に開催された「WEBエンジニア勉強会 #12」で 、WEBサイトをHTTP/2に移行したプロジェクト事例について発表しました。

Transcript

1. 04$" ᖛ໺ Ұೋࡾ
   
   !FOHJOFFS@PTDB
   8αΠτΛ )551ʹҠߦͨ͠࿩
   8ΤϯδχΞษڧձ
   

   View Slide

2. ࣗݾ঺հ
   © OSCA
   04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ
   
   4*FS ໷ܠࣸਅՈ
   ʮ8ΤϯδχΞษڧձʯΛओ࠵
   +BWB 1)1ܥͷ8ΤϯδχΞ
   ݸਓͰ΋714आΓͯ8αʔϏεΛӡӦ͢Δͷ͕झຯ
   ເͷࠃ ెาݍ಺ॅΈ
   !FOHJOFFS@PTDB !PTDBQIPUP!EJTOFZ@PTDB
   

   View Slide

3. © OSCA
   )551֓ཁ
   

   View Slide

4. )551ͷྺ࢙
   © OSCA
   )551
   ೥
   )551
   ೥
   )551
   ೥
   )551
   ೥
   )551
   ະདྷ
   • (&5ϝιουͷΈͷϓϩτίϧ
   • 1045 )&"%ͳͲͷϝιουΛ௥Ճ
   • Ϩεϙϯεϔομ εςʔλείʔυ΋௥Ճ
   • ໊લϕʔεͷόʔνϟϧϗετΛαϙʔτ
   

   View Slide

5. )551ͷओͳಛ௃
   © OSCA
   • )551ύΠϓϥΠϯ )551ͷଟॏԽ
   
   • )551ϔομѹॖ
   • όΠφϦϓϩτίϧ
   • αʔόʔϓογϡ
   

   View Slide

6. )551ͷීٴ཰͸ʁ
   © OSCA
   ࢀߟ
   85FDIT 8FC5FDIOPMPHZ4VWFZT
   ݄೔ݱࡏ
   
   IUUQTXUFDITDPNUFDIOPMPHJFTEFUBJMTDFIUUQBMMBMM
   

   View Slide

7. )551ͷαϙʔτঢ়گ͸ʁ
   © OSCA
   *OUFSOFU&YQMPSFS ʙ 8JOEPXT
   ೥݄
   &EHF શͯ ೥݄
   $ISPNF ʙ ೥݄
   'JSFGPY ʙ ೥݄
   4BGBSJ ʙ ೥݄
   ϒϥ΢βରԠঢ়گ
   αʔόʔରԠঢ়گ
   "QBDIFIUUQE ʙ ೥݄
   OHJOY ʙ ೥݄
   **4 ʙ ೥݄
   +BWB4FSWMFU ʙ ೥݄
   "QBDIF5PNDBU ʙ ೥݄
   

   View Slide

8. © OSCA
   ϓϩδΣΫτ֓ཁ
   

   View Slide

9. ͲͷΑ͏ͳαΠτΛҠߦ͔ͤͨ͞ʁ
   © OSCA
   • 8PSE1SFTTΛϕʔεͱͨ͠৘ใαΠτ
   • -".1 -JOVY "QBDIF .Z42- 1)1
   ͷߏ੒
   • ʙ 17NPOUI
   • αΠτ಺ʹ͸ΞΠίϯɾαϜωΠϧͳͲͷը૾͕ଟ͍
   • ׬શ)5514Խ͸ࡁΜͰ͍Δ
   )551Λར༻͢Δʹ͸ )5514઀ଓ͕ඞਢཁ݅Ͱ͋Δɻ
   1PJOU
   

   View Slide

10. ͳͥࠓ·Ͱ)551ʹҠߦ͠ͳ͔ͬͨͷ͔ʁ
    ͜Ε·Ͱͷސ٬ͷϞνϕʔγϣϯ
    
    © OSCA
    • )551Ͱ΋े෼ͳεϐʔυͰ͞͹͚͍ͯΔ
    ໰୊ͳ͘ಈ͍͍ͯΔ͔Β͍͍͡ΌΜ
    
    • وॏͳϦιʔε͸ػೳ։ൃʹ࢖͍͍ͨ
    

    View Slide

11. ͳͥ)551ʹҠߦͨ͠ͷ͔ʁ
    ࠓճͷϓϩδΣΫτͷ͖͔͚ͬɾϞνϕʔγϣϯ
    
    © OSCA
    (PPHMF1BHF4QFFE *OTJHIUT
    4&0ͳͲͷଞͷཁૉ΋૬·Γɺ
    1BHF4QFFE *OTJHIUͷείΞΛ
    վળ͍ͨ͠ͱ͍͏͜ͱʹͳͬͨɻ
    

    View Slide

12. © OSCA
    )551ҠߦͰͷظ଴
    

    View Slide

13. )551ҠߦͰͷҰ൪ͷظ଴
    © OSCA
    8αΠτ๚໰ऀͷମײతͳ଴ͪ࣌ؒΛݮΒ͢͜ͱɻ
    

    View Slide

14. )551ҠߦͰͷҰ൪ͷظ଴
    © OSCA
    )551YͰൃੜ͍ͯͨ͠ )FBEPG-JOF#MPDLΛճආ͠
    )551ͷετϦʔϜଟॏԽͷԸܙΛड͚Δ͜ͱͰɺ
    8αΠτ๚໰ऀͷମײతͳ଴ͪ࣌ؒΛݮΒ͢ɻ
    

    View Slide

15. )FBEPG-JOF#MPDL)551ύΠϓϥΠϯ
    © OSCA
    )551
    )551
    a.png
    b.png
    c.png
    ϑΝΠϧΛҰͭͣͭॱ൪ʹऔಘμ΢ϯϩʔυ͢Δɻ
    લͷϦΫΤετ͕ऴΘΔ·Ͱͷz଴ͪz͕ൃੜ͢Δɻ
    a.png
    b.png
    c.png
    ϦΫΤετΛଟॏԽͯ͠ฒྻʹॲཧͰ͖ΔΑ͏ʹͳͬͨɻ
    

    View Slide

16. © OSCA
    ԿΛ͔ͨ͠ʁ
    

    View Slide

17. ΍ͬͨ͜ͱ
    © OSCA
    "QBDIFIUUQE Λ࠷৽Խ͠ɺద੾ʹઃఆ͚ͨͩ͠ɻ
    • ࠷৽൛ͷ"QBDIFIUUQE ΁ͷΞοϓσʔτ
    • ར༻ϓϩτίϧ I
    ͷࢦఆ IUUQEDPOG
    
    
    
    
    
    

    View Slide

18. )551Ͱ௨৴͍ͯ͠Δ͜ͱͷ֬ೝ
    © OSCA
    

    View Slide

19. © OSCA
    ޮՌ͸Ͳ͏͔ͩͬͨʁ
    

    View Slide

20. ΞΫηε࣌ͷ௨৴ͷมԽ
    © OSCA
    )551 )551
    )P-ϒϩοΩϯά͕ൃੜ͍ͯ͠Δ ฒྻͰ௨৴͕ߦΘΕ͍ͯΔ
    

    View Slide

21. 1BHF4QFFE *OTJHIUTͷ݁Ռ
    © OSCA
    )551 )551
    ओʹ࣍ͷͭͷ߲໨͕ղফ͞ΕͯείΞ͕վળ͞Ε·ͨ͠ɻ
    • ΦϑεΫϦʔϯը૾ͷ஗ԆಡΈࠐΈ
    • αʔόʔԠ౴࣌ؒͷ୹ॖ 55'#
    
    

    View Slide

22. )551ҠߦҎ֎ͷվળ
    © OSCA
    1BHF4QFFE *OTJHIUTͷείΞΛ্͛ΔͨΊʹɺ
    ҎԼͷΑ͏ͳରԠ΋ಉ࣌ʹߦ͍·ͨ͠ɻ
    • $POUFOU&ODPEJOHʹΑΔ௨৴ѹॖͷઃఆ
    • ը૾ϑΝΠϧͷ࠷దԽ 0QUJ1/(
    
    0QUJ1/(
    ը࣭ΛଛͳΘͤͣʹɺ
    ը૾ͷ༰ྔΛখͯ͘͘͞͠ΕΔπʔϧɻ
    

    View Slide

23. ·ͱΊ
    © OSCA
    Ø "QBDIFIUUQE ΛΞοϓάϨʔυ͢Δ͜ͱʹΑΓɺ
    8αΠτΛ)551ʹରԠͨ͠ɻ
    Ø )551ύΠϓϥΠϯͷԸܙΛड͚Δ͜ͱ͕Ͱ͖ɺ
    1BHF4QFFE *OTJHIUTͷείΞΛ্͛Δ͜ͱ͕Ͱ͖ͨɻ
    

    View Slide