ウェブサイトの速度改善 / High Performance Website

エンジニア学生 x リブセンス Drinkup #1 の発表資料
https://livesense.connpass.com/event/99816/

Transcript

1. ΢ΣϒαΠτͷ଎౓վળ
   ͍ͷ͏͑ͨ͘΍ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB
   ΤϯδχΞֶੜYϦϒηϯε%SJOLVQ
   

   View Slide

2. స৬υϥϑτʢCZϦϒηϯεʣ
   ͍ͷ͏͑ͨ͘΍͓͍ͪΌΜ!JOPVFUBLVZB
   /VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ຋༁ऀɺϝϯςφ
   ൴ঁ͔Β͸ɺ͓͍ͪΌΜͱݺ͹Ε͍ͯ·͢
   

   View Slide

3. ࠓ೔࿩͢͜ͱ
   

   View Slide

4. ϑϩϯτΤϯυΤϯδχΞͬͯ
   ͲΜͳ͜ͱ΍ͬͯΔͷʁͷҰྫ
   

   View Slide

5. ΢ΣϒαΠτͷ଎౓վળ
   

   View Slide

6. View Slide

7. l࢖͍΍͢͞͸
   ʮ଎͞ʯ͔Β࢝·Δz
   

   View Slide

8. ࿩͢͜ͱ
   w଎౓໨ඪͷཱͯํ
   w଎౓ܭଌ
   w଎౓վળ
   w଎౓Λҡ࣋͢Δ࢓૊Έͮ͘Γ
   

   View Slide

9. ࿩͞ͳ͍͜ͱ
   w଎౓վળͷৄࡉʢ࣮૷ʣ
   

   View Slide

10. View Slide

11. 7VF'FTαΠτͷಛ௃
    wIUUQTWVFGFTKQ
    wϔουը૾େখຕͷը૾
    w੩తαΠτʢ/VYU(FOFSBUFʣ
    w/FUMJGZ
    

    View Slide

12. ଎౓໨ඪͷཱͯํ
    

    View Slide

13. ʮͲͷࢦඪʯΛʮͲͷ͘Β͍ʯ
    ·Ͱ଎͘͢Ε͹Α͍͔ʁ
    

    View Slide

14. 'JSTU.FBOJOHGVM1BJOU
    w IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODF
    VTFSDFOUSJDQFSGPSNBODFNFUSJDT
    8FCϖʔδ͕Ϣʔβʔʹͱͬͯҙຯͷ͋Δʢ໾ʹཱͭʣදࣔʹͳͬͨλΠϛϯά
    

    View Slide

15. Ͳͷ͘Β͍଎͚Ε͹Α͍͔ʁ
    wϠίϒɾχʔϧηϯͷهࣄ
    wਓؒͷೝ஌ػೳͷ؍఺͔ΒʣҰ࿈ͷφϏήʔγϣϯ͕ؒ
    அͳ͘ਐΜͰ͍Δͱײ͡ΒΕΔݶքඵ
    w3"*-Ϟσϧ
    w3FTQPOTF "OJNBUJPO *EMF -PBEͷ໨ඪ஋
    w-PBEͷ໨ඪ஋ ϛϦඵ
    

    View Slide

16. lPGWJTJUTBSFMJLFMZUPCF
    BCBOEPOFEJGQBHFTUBLFMPOHFS
    UIBOTFDPOETUPMPBEz
    IUUQTXXXCMPHHPPHMFQSPEVDUTBENBOBHFSUIFOFFEGPSNPCJMFTQFFE
    

    View Slide

17. ଎౓ܭଌ
    

    View Slide

18. l%PO`UHVFTT NFBTVSFz
    ʢਪଌ͢ΔͳɺܭଌͤΑʣ
    

    View Slide

19. ଎౓ܭଌ
    w$ISPNF%FW5PPMT
    w߹੒ϞχλϦϯά
    wϦΞϧϢʔβʔϞχλϦϯά
    

    View Slide

20. ߹੒ϞχλϦϯά
    wܭଌ༻ͷԾ૝؀ڥ
    wಉ͡৚݅Ͱ܁Γฦ͠ܭଌΛߦ͏
    w8FC1BHFUFTU
    wվળͷͨΊͷৄࡉͳϨϙʔτ
    

    View Slide

21. ϦΞϧϢʔβʔϞχλϦϯά
    wϦΞϧͳϢʔβʔମݧΛ೺ѲͰ͖Δ
    w(PPHMF"OBMZUJDT
    

    View Slide

22. 7VF'FTαΠτʢ#FGPSFʣ
    w'.1NT
    

    View Slide

23. EFWUP
    w'.1NT
    

    View Slide

24. Ѩ෦׮ͷϗʔϜϖʔδ
    w'.1NT
    

    View Slide

25. ଎౓վળ
    

    View Slide

26. ͍·ɺͲ͜ͷվળΛ΍ͬ
    ͍ͯΔʁΛৗʹҙࣝ
    

    View Slide

27. ΫϦςΟΧϧϨϯμϦϯ
    άύεΛৗʹ೦಄ʹஔ͘
    

    View Slide

28. IUUQTTRMB[VSFKQSCPPL
    ʢ௒଎ຊʹࡌ͍ͬͯΔਤʣ
    

    View Slide

29. ຊ౰ʹޮՌ͕͋ͬͨͷ͔
    #FGPSF"GUFSΛ
    ͻͱͭͣͭܭଌ
    

    View Slide

30. ಛʹޮՌ͕େ͖͔ͬͨ΋
    ͷΛ঺հ
    

    View Slide

31. )551 $%/
    

    View Slide

32. View Slide

33. ը૾ͷ࠷దԽฤ
    

    View Slide

34. ը૾ܗࣜͷબ୒
    

    View Slide

35. ը૾ܗࣜͷಛ௃ൺֱ
    w IUUQTXXXIUNMSPDLTDPNFOUVUPSJBMTTQFFEJNH
    DPNQSFTTJPO
    

    View Slide

36. ը૾ܗࣜͷબ୒
    

    View Slide

37. ը૾ͷϦαΠζ
    

    View Slide

38. ը૾ͷϦαΠζ
    wෆඞཁʹେ͖ͳը૾Λϩʔυ͠ͳ͍Α͏ʹ͢
    Δ
    wQQJʢQJYFMQFSJODIʣʹ߹Θͤͯ࠷దͳαΠ
    ζͷը૾Λϩʔυ͢Δ
    wTSDTFUଐੑ
    

    View Slide

39. TSDTFUଐੑ
    

    View Slide

40. ը૾ͷѹॖ
    

    View Slide

41. ը૾ͷѹॖϥΠϒϥϦ
    wNP[KQFHKQFHUBOKQFHPQUJN
    wQOHRVBOU
    wPQUJQOH
    wHJGTJDMF
    wTWHP
    

    View Slide

42. (6*πʔϧ
    w*NBHF0QUJN
    w಺෦Ͱ+1&(0QUJN΍0QUJ1/(ͳͲΛ࢖͏
    w+1&(NJOJͱൺֱͯ͠ߴ͍ѹॖ཰ɻॲཧ଎౓
    ͸஗͍
    w*NBHF"MQIB
    

    View Slide

43. ίϚϯυϥΠϯπʔϧ
    wJNBHFNJO
    wJNBHFNJONP[KQFH
    wJNBHFNJOKQFHPQUJN
    wͳͲϓϥάΠϯͱ߹Θͤͯ࢖͏
    

    View Slide

44. JNBHFNJO
    wOQNJOTUBMMJNBHFNJODMJ
    wOQNJOTUBMMJNBHFNJOQOHRVBOU
    wJNBHFNJOŠQMVHJOQOHRVBOUŠPVU
    EJSCBSGPP
    

    View Slide

45. ը૾ͷ஗Ԇಡࠐ
    

    View Slide

46. ը૾ͷ஗Ԇಡࠐ
    wWVFMB[ZMPBE
    wϑΝʔετϏϡʔʹೖΒͳ͍ը૾͸஗Ԇಡࠐ
    wϓϨʔεϗϧμը૾ΛͰ͖Δ͚ͩදࣔͤͨ͞
    ͘ͳ͔ͬͨͷͰɺ7JFXQPSUΑΓ΋QY
    Լʹདྷͨ࣌఺ͰಡࠐΛ։࢝
    

    View Slide

47. ը૾ͷ஗Ԇಡࠐ
    wʮը૾͕7JFXQPSUΑΓ΋QYԼʹདྷ
    ͨʯ൑ఆ͸*OUFSTFDUJPO0CTFSWFSͰ
    w·ͩ*&ͱ4BGBSJ͕ରԠ͍ͯ͠ͳ͍ͷͰ
    1PMZpMM͕ඞཁ
    

    View Slide

48. 8FCϑΥϯτฤ
    

    View Slide

49. "EPCF5ZQFLJU
    w$44͔ΒಡΈࠐΉͱʙNT΄ͲϨ
    ϯμϦϯάΛϒϩοΫͯ͠͠·͏
    w+4Ͱ஗Ԇಡࠐͤ͞ΔΑ͏ʹͨ͠
    

    View Slide

50. 1SFMPBE
    

    View Slide

51. ଎౓վળͷ݁Ռ
    

    View Slide

52. 7VF'FTαΠτʢ"GUFSʣ
    w'.1NTNT
    w
    EFWUPNT
    Ѩ෦׮ͷϗʔϜϖʔδNTʢ͜ΕͲ͏΍ͬͨΒউͯΔΜͩʜ
    

    View Slide

53. ଎౓Λҡ࣋͢Δ
    ࢓૊Έͮ͘Γ
    

    View Slide

54. ը૾ѹॖͷࣗಈԽ
    

    View Slide

55. (JU)PPLT
    wίϛοτ͢ΔલʹࣗಈͰը૾ѹॖ
    wIVTLZΛ࢖͑͹όʔδϣϯ؅ཧͰ͖Δ
    

    View Slide

56. IVTLZઃఆྫ
    

    View Slide

57. View Slide

58. ϞχλϦϯάͷڧԽ
    

    View Slide

59. ϞχλϦϯάͷڧԽ
    w8FC1BHFUFTUΛϗεςΟϯάͯ͠ɺఆظత
    ʹ࣮ߦ͢ΔͳͲ
    wʢ·ͩ΍͍ͬͯͳ͍͕ɺ΍ͬͯΈ͍ͨʣ
    

    View Slide

60. ·ͱΊ
    wͲͷࢦඪΛͲͷ͘Β͍଎͘͢Δ͔ɺ଎౓վળͷ໨
    ඪΛཱͯΔ
    wΫϦςΟΧϧϨϯμϦϯάύεΛ೦಄ʹஔ͍ͯɺ͍
    ·ɺͲ͜ͷվળΛ΍͍ͬͯΔͷ͔Λৗʹҙࣝ͢Δ
    wվળΛҰ౓΍ͬͯऴΘΓͰ͸ͳ͘ɺվળͨ͠଎౓
    Λҡ࣋͢Δ࢓૊Έ΋ॏཁ
    

    View Slide

61. View Slide