Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
by
INOUE Takuya
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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&(0QUJN0QUJ1/(ͳͲΛ͏ 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վળΛҰͬͯऴΘΓͰͳ͘ɺվળͨ͠ Λҡ࣋͢ΔΈॏཁ
Slide 61
Slide 61 text
No content
Slide 62
Slide 62 text
No content