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

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

Avatar for INOUE Takuya INOUE Takuya
August 28, 2018
Programming
9
7.6k

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

Vue.js Tokyo v-meetup #8 の発表資料
https://vuejs-meetup.connpass.com/event/95678/

Avatar for INOUE Takuya

INOUE Takuya

August 28, 2018
Tweet

More Decks by INOUE Takuya

See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
Avatar for INOUE Takuya inouetakuya
7
2.7k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
Avatar for INOUE Takuya inouetakuya
0
810
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
Avatar for INOUE Takuya inouetakuya
0
750
ウェブサイトの速度改善 / High Performance Website
Avatar for INOUE Takuya inouetakuya
0
470
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
Avatar for INOUE Takuya inouetakuya
4
2.9k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
Avatar for INOUE Takuya inouetakuya
8
5.2k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
Avatar for INOUE Takuya inouetakuya
1
360
いま Vue.js に現場の事例が求められている / stage of vuejs jp
Avatar for INOUE Takuya inouetakuya
0
3.2k
お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs
Avatar for INOUE Takuya inouetakuya
8
18k

Other Decks in Programming

See All in Programming
アプリの "かわいい" を支えるアニメーションツールRiveについて
Avatar for 上ちょ / uetyo uetyo
0
270
個人開発で徳島大学生60％以上の心を掴んだアプリ、そして手放した話
Avatar for akidon0000 akidon0000
1
130
CJK and Unicode From a PHP Committer
Avatar for てきめん tekimen youkidearitai
PRO
0
110
デザイナーが Androidエンジニアに 挑戦してみた
Avatar for Kanon Fujita 874wokiite
0
550
詳解！defer panic recover のしくみ / Understanding defer, panic, and recover
Avatar for convto convto
0
250
go test -json そして testing.T.Attr / Kyoto.go #63
Avatar for utagawa kiki utgwkk
3
310
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
Avatar for dafujii dafujii
1
620
Ruby Parser progress report 2025
Avatar for yui-knk yui_knk
1
450
ファインディ株式会社におけるMCP活用とサービス開発
Avatar for starfish719 starfish719
0
1.9k
Navigation 2 を 3 に移行する（予定）ためにやったこと
Avatar for yokomii yokomii
0
340
print("Hello, World")
Avatar for 高見龍 eddie
2
530
The Past, Present, and Future of Enterprise Java with ASF in the Middle
Avatar for ivargrimstad ivargrimstad
0
160

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k

Transcript

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

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

  3. None

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

  5. ࠓ೔࿩͢͜ͱ

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

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

  8. ଎౓໨ඪͷཱͯํ

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

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

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

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

  13. 7VFKTͷϒϥϯσΟϯά

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

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

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

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

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

    ϛϦඵ

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

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

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

  22. EFWUP w'.1NT

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

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

  25. ଎౓վળ

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

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

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

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

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

  31. ը૾ͷ࠷దԽฤ

  32. ը૾ܗࣜͷબ୒

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

  34. ը૾ܗࣜͷબ୒

  35. ը૾ͷϦαΠζ

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

  37. TSDTFUଐੑ

  38. ը૾ͷѹॖ

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

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

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

  42. JNBHFNJO wOQNJOTUBMMJNBHFNJODMJ wOQNJOTUBMMJNBHFNJOQOHRVBOU wJNBHFNJOŠQMVHJOQOHRVBOUŠPVU EJSCBSGPP

  43. ը૾ͷ஗Ԇಡࠐ

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

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

  46. 8FCϑΥϯτฤ

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

  48. 1SFMPBE

  49. )551 $%/

  50. None

  51. ଎౓վળͷ݁Ռ

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

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

  54. ը૾ѹॖͷࣗಈԽ

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

  56. IVTLZઃఆྫ

  57. None

  58. ϞχλϦϯάͷڧԽ

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

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

  61. None
  62. None