Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site

by INOUE Takuya

Slide 1

Slide 1 text

7VF'FTαΠτͷ଎౓վળ EFWUPͦͯ͠Ѩ෦׮ͷϗʔϜϖʔδΛ௒͑Ζʂ ͍ͷ͏͑ͨ͘΍ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB 7VFKT5PLZPWNFFVQ

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

ࠓ೔࿩͢͜ͱ

Slide 6

Slide 6 text

࿩͢͜ͱ w଎౓໨ඪͷཱͯํʢॏཁʣ w଎౓վળʢͲͷΑ͏ʹߟ͑ͯԿΛ΍͔ͬͨʣ w଎౓Λҡ࣋͢Δ࢓૊Έͮ͘Γ

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

଎౓໨ඪͷཱͯํ

Slide 9

Slide 9 text

Ϗδωεΰʔϧ͔Βߟ͑Δ

Slide 10

Slide 10 text

7VF'FTαΠτͷ໾ׂ w7VF'FTͱ͍͏ΠϕϯτΛ஌ͬͯ΋Β͏ʢप ஌ʣ w7VF'FTʹߦ͖͍ͨͱࢥͬͯ΋Β͏ʢڵຯͷ שىɺಈػ͚ͮʣ w7VF'FTΛָ͠ΊΔ৘ใΛఏڙ͢Δ

Slide 11

Slide 11 text

7VF'FTαΠτͷ଎౓վ ળ͕ͲͷΑ͏ʹܨ͕Δ͔ʁ

Slide 12

Slide 12 text

7VFKT੡ͷ7VF'FTαΠτ ͕ߴ଎ͰշదʹݟΒΕΔ

Slide 13

Slide 13 text

7VFKTͷϒϥϯσΟϯά

Slide 14

Slide 14 text

7VFKTͻ͍ͯ͸7VF'FT ʹڵຯΛ࣋ͬͯ΋Β͑Δ

Slide 15

Slide 15 text

੩తαΠτͷ଎౓վળͷࢦඪ

Slide 16

Slide 16 text

ʮͲͷࢦඪʯ͕ʮͲͷ͘Β͍ʯ ଎͚Ε͹ྑ͍͔ʁ

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

ք۾Ͱʮ͜ͷαΠτ͸଎͍ʯͱ͞Ε͍ͯ ΔαΠτΛ௒͑Δ΄͏͕7VFKTͷϒϥ ϯσΟϯάʹܨ͕ΔͷͰ͸ʁ

Slide 20

Slide 20 text

Ͳͷ͘Β͍଎͚Ε͹Α͍͔ʁ wEFWUPͷ'JSTU.FBOJOHGVM1BJOUʢҎԼ '.1ʣΛ௒͑Δʂ wѨ෦׮ͷϗʔϜϖʔδͷ'.1Λ௒͑Δʂ

Slide 21

Slide 21 text

ܭଌ߹੒ϞχλϦϯά wܭଌ༻ͷԾ૝؀ڥ wಉ͡৚݅Ͱ܁Γฦ͠ܭଌΛߦ͏ w8FC1BHFUFTU

Slide 22

Slide 22 text

EFWUP w'.1NT

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

଎౓վળ

Slide 26

Slide 26 text

͍·ɺͲ͜ͷվળΛ΍ͬ ͍ͯΔʁΛৗʹҙࣝ

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

IUUQTTRMB[VSFKQSCPPL ʢ௒଎ຊʹࡌ͍ͬͯΔਤʣ

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

ҎԼɺಛʹޮՌ͕େ͖͔ͬ ͨ΋ͷΛ঺հ͍ͯ͘͠

Slide 31

Slide 31 text

ը૾ͷ࠷దԽฤ

Slide 32

Slide 32 text

ը૾ܗࣜͷબ୒

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

ը૾ܗࣜͷબ୒

Slide 35

Slide 35 text

ը૾ͷϦαΠζ

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

TSDTFUଐੑ

Slide 38

Slide 38 text

ը૾ͷѹॖ

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

JNBHFNJO wOQNJOTUBMMJNBHFNJODMJ wOQNJOTUBMMJNBHFNJOQOHRVBOU wJNBHFNJOQMVHJOQOHRVBOUPVU EJSCBSGPP

Slide 43

Slide 43 text

ը૾ͷ஗Ԇಡࠐ

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

8FCϑΥϯτฤ

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

1SFMPBE

Slide 49

Slide 49 text

)551 $%/

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

଎౓վળͷ݁Ռ

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

ը૾ѹॖͷࣗಈԽ

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

IVTLZઃఆྫ

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

ϞχλϦϯάͷڧԽ

Slide 59

Slide 59 text

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

Slide 60

Slide 60 text

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