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.6k
カンファレンス主催 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
740
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
Perplexity Slack Botを作ってAI活用を進めた話 / AI Engineering Summit プレイベント
Avatar for yukyan n3xem
0
670
KotlinConf 2025 現地で感じたServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
220
GoのWebAssembly活用パターン紹介
Avatar for syumai syumai
3
10k
コード書くの好きな人向けAIコーディング活用tips #orestudy
Avatar for Hiromi Hishida 77web
3
330
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
Avatar for uki00a uki00a
0
130
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
1
360
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
Avatar for Yuki Nakata chikuwait chikuwait
0
390
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
210
git worktree × Claude Code × MCP ～生成AI時代の並列開発フロー～
Avatar for hisuzuya hisuzuya
0
270
GoのGenericsによるslice操作との付き合い方
Avatar for syumai syumai
3
680
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
290
関数型まつり2025登壇資料「関数プログラミングと再帰」
Avatar for Taison Tsukada taisontsukada
2
840

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
It's Worth the Effort
Avatar for 3n 3n
184
28k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k

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