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

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

INOUE Takuya
September 13, 2018

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

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

INOUE Takuya

September 13, 2018
Tweet

More Decks by INOUE Takuya

Other Decks in Programming

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