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

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

Avatar for INOUE Takuya INOUE Takuya
September 13, 2018
Programming
0
470

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

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

Avatar for INOUE Takuya

INOUE Takuya

September 13, 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
820
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
Avatar for INOUE Takuya inouetakuya
0
750
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
Avatar for INOUE Takuya inouetakuya
9
7.6k
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
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
Avatar for nrs nrslib
7
3.9k
プログラミングどうやる？ ～テスト駆動開発から学ぶ達人の型～
Avatar for Atsushi Okui a_okui
0
190
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
Avatar for Koya Masuda koxya
1
1.1k
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
Avatar for Atsuya Sato natmark
2
450
CSC509 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
290
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
Avatar for teamLab teamlab
PRO
0
180
SpecKitでどこまでできる？ コストはどれくらい？
Avatar for Tech Leverages leveragestech
0
510
プログラマのための作曲入門
Avatar for CHEEBOW cheebow
0
540
CSC509 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
290
CSC509 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
430
(Extension DC 2025) Actor境界を越える技術
Avatar for Himeshi teamhimeh
1
220
CSC305 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
260

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
54
3k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
237
140k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
610
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k

Transcript

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

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

  3. ࠓ೔࿩͢͜ͱ

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

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

  6. None

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

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

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

  10. None

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

  12. ଎౓໨ඪͷཱͯํ

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

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

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

    ϛϦඵ

  16. lPGWJTJUTBSFMJLFMZUPCF BCBOEPOFEJGQBHFTUBLFMPOHFS UIBOTFDPOETUPMPBEz IUUQTXXXCMPHHPPHMFQSPEVDUTBENBOBHFSUIFOFFEGPSNPCJMFTQFFE

  17. ଎౓ܭଌ

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

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

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

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

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

  23. EFWUP w'.1NT

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

  25. ଎౓վળ

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

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

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

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

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

  31. )551 $%/

  32. None

  33. ը૾ͷ࠷దԽฤ

  34. ը૾ܗࣜͷબ୒

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

  36. ը૾ܗࣜͷબ୒

  37. ը૾ͷϦαΠζ

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

  39. TSDTFUଐੑ

  40. ը૾ͷѹॖ

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

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

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

  44. JNBHFNJO wOQNJOTUBMMJNBHFNJODMJ wOQNJOTUBMMJNBHFNJOQOHRVBOU wJNBHFNJOŠQMVHJOQOHRVBOUŠPVU EJSCBSGPP

  45. ը૾ͷ஗Ԇಡࠐ

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

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

  48. 8FCϑΥϯτฤ

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

  50. 1SFMPBE

  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