$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ウェブサイトの速度改善 / High Performance Website
Search
INOUE Takuya
September 13, 2018
Programming
0
480
ウェブサイトの速度改善 / High Performance Website
エンジニア学生 x リブセンス Drinkup #1 の発表資料
https://livesense.connpass.com/event/99816/
INOUE Takuya
September 13, 2018
Tweet
Share
More Decks by INOUE Takuya
See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
inouetakuya
7
2.7k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
inouetakuya
0
820
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
760
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
inouetakuya
9
7.7k
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
inouetakuya
4
3k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
inouetakuya
8
5.3k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
inouetakuya
1
370
いま Vue.js に現場の事例が求められている / stage of vuejs jp
inouetakuya
0
3.2k
お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs
inouetakuya
8
18k
Other Decks in Programming
See All in Programming
Microservices rules: What good looks like
cer
PRO
0
1k
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
130
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
satoaoaka
0
230
AI時代もSEOを頑張っている話
shirahama_x
0
270
AIコーディングエージェント(NotebookLM)
kondai24
0
160
STYLE
koic
0
110
dotfiles 式年遷宮 令和最新版
masawada
1
710
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
120
CSC509 Lecture 14
javiergs
PRO
0
220
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
6
1.2k
WebRTC と Rust と8K 60fps
tnoho
2
1.9k
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
ternbusty
7
2k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
515
110k
How to train your dragon (web standard)
notwaldorf
97
6.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
69k
How GitHub (no longer) Works
holman
316
140k
BBQ
matthewcrist
89
9.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Become a Pro
speakerdeck
PRO
30
5.7k
Bash Introduction
62gerente
615
210k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
700
Transcript
ΣϒαΠτͷվળ ͍ͷ͏͑ͨ͘ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB ΤϯδχΞֶੜYϦϒηϯε%SJOLVQ
స৬υϥϑτʢCZϦϒηϯεʣ ͍ͷ͏͓͍͑ͨͪ͘ΌΜ!JOPVFUBLVZB /VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ༁ऀɺϝϯςφ ൴ঁ͔Βɺ͓͍ͪΌΜͱݺΕ͍ͯ·͢
ࠓ͢͜ͱ
ϑϩϯτΤϯυΤϯδχΞͬͯ ͲΜͳ͜ͱͬͯΔͷʁͷҰྫ
ΣϒαΠτͷվળ
None
l͍͢͞ ʮ͞ʯ͔Β࢝·Δz
͢͜ͱ wඪͷཱͯํ wܭଌ wվળ wΛҡ࣋͢ΔΈͮ͘Γ
͞ͳ͍͜ͱ wվળͷৄࡉʢ࣮ʣ
None
7VF'FTαΠτͷಛ wIUUQTWVFGFTKQ wϔουը૾ େখຕͷը૾ w੩తαΠτʢ/VYU(FOFSBUFʣ w/FUMJGZ
ඪͷཱͯํ
ʮͲͷࢦඪʯΛʮͲͷ͘Β͍ʯ ·Ͱ͘͢ΕΑ͍͔ʁ
'JSTU.FBOJOHGVM1BJOU w IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODF VTFSDFOUSJDQFSGPSNBODFNFUSJDT 8FCϖʔδ͕Ϣʔβʔʹͱͬͯҙຯͷ͋ΔʢʹཱͭʣදࣔʹͳͬͨλΠϛϯά
Ͳͷ͘Β͍͚ΕΑ͍͔ʁ wϠίϒɾχʔϧηϯͷهࣄ wਓؒͷೝػೳͷ؍͔ΒʣҰ࿈ͷφϏήʔγϣϯ͕ؒ அͳ͘ਐΜͰ͍Δͱײ͡ΒΕΔݶքඵ w3"*-Ϟσϧ w3FTQPOTF "OJNBUJPO *EMF -PBEͷඪ w-PBEͷඪ
ϛϦඵ
lPGWJTJUTBSFMJLFMZUPCF BCBOEPOFEJGQBHFTUBLFMPOHFS UIBOTFDPOETUPMPBEz IUUQTXXXCMPHHPPHMFQSPEVDUTBENBOBHFSUIFOFFEGPSNPCJMFTQFFE
ܭଌ
l%PO`UHVFTT NFBTVSFz ʢਪଌ͢ΔͳɺܭଌͤΑʣ
ܭଌ w$ISPNF%FW5PPMT w߹ϞχλϦϯά wϦΞϧϢʔβʔϞχλϦϯά
߹ϞχλϦϯά wܭଌ༻ͷԾڥ wಉ݅͡Ͱ܁Γฦ͠ܭଌΛߦ͏ w8FC1BHFUFTU wվળͷͨΊͷৄࡉͳϨϙʔτ
ϦΞϧϢʔβʔϞχλϦϯά wϦΞϧͳϢʔβʔମݧΛѲͰ͖Δ w(PPHMF"OBMZUJDT
7VF'FTαΠτʢ#FGPSFʣ w'.1NT
EFWUP w'.1NT
Ѩ෦ͷϗʔϜϖʔδ w'.1NT
վળ
͍·ɺͲ͜ͷվળΛͬ ͍ͯΔʁΛৗʹҙࣝ
ΫϦςΟΧϧϨϯμϦϯ άύεΛৗʹ೦಄ʹஔ͘
IUUQTTRMB[VSFKQSCPPL ʢຊʹࡌ͍ͬͯΔਤʣ
ຊʹޮՌ͕͋ͬͨͷ͔ #FGPSF"GUFSΛ ͻͱͭͣͭܭଌ
ಛʹޮՌ͕େ͖͔ͬͨ ͷΛհ
)551 $%/
None
ը૾ͷ࠷దԽฤ
ը૾ܗࣜͷબ
ը૾ܗࣜͷಛൺֱ w IUUQTXXXIUNMSPDLTDPNFOUVUPSJBMTTQFFEJNH DPNQSFTTJPO
ը૾ܗࣜͷબ
ը૾ͷϦαΠζ
ը૾ͷϦαΠζ wෆඞཁʹେ͖ͳը૾Λϩʔυ͠ͳ͍Α͏ʹ͢ Δ wQQJʢQJYFMQFSJODIʣʹ߹Θͤͯ࠷దͳαΠ ζͷը૾Λϩʔυ͢Δ wTSDTFUଐੑ
TSDTFUଐੑ
ը૾ͷѹॖ
ը૾ͷѹॖϥΠϒϥϦ wNP[KQFHKQFHUBOKQFHPQUJN wQOHRVBOU wPQUJQOH wHJGTJDMF wTWHP
(6*πʔϧ w*NBHF0QUJN w෦Ͱ+1&(0QUJN0QUJ1/(ͳͲΛ͏ w+1&(NJOJͱൺֱͯ͠ߴ͍ѹॖɻॲཧ ͍ w*NBHF"MQIB
ίϚϯυϥΠϯπʔϧ wJNBHFNJO wJNBHFNJONP[KQFH wJNBHFNJOKQFHPQUJN wͳͲϓϥάΠϯͱ߹Θͤͯ͏
JNBHFNJO wOQNJOTUBMMJNBHFNJODMJ wOQNJOTUBMMJNBHFNJOQOHRVBOU wJNBHFNJOQMVHJOQOHRVBOUPVU EJSCBSGPP
ը૾ͷԆಡࠐ
ը૾ͷԆಡࠐ wWVFMB[ZMPBE wϑΝʔετϏϡʔʹೖΒͳ͍ը૾Ԇಡࠐ wϓϨʔεϗϧμը૾ΛͰ͖Δ͚ͩදࣔͤͨ͞ ͘ͳ͔ͬͨͷͰɺ7JFXQPSUΑΓQY Լʹདྷͨ࣌ͰಡࠐΛ։࢝
ը૾ͷԆಡࠐ wʮը૾͕7JFXQPSUΑΓQYԼʹདྷ ͨʯఆ*OUFSTFDUJPO0CTFSWFSͰ w·ͩ*&ͱ4BGBSJ͕ରԠ͍ͯ͠ͳ͍ͷͰ 1PMZpMM͕ඞཁ
8FCϑΥϯτฤ
"EPCF5ZQFLJU w$44͔ΒಡΈࠐΉͱʙNT΄ͲϨ ϯμϦϯάΛϒϩοΫͯ͠͠·͏ w+4ͰԆಡࠐͤ͞ΔΑ͏ʹͨ͠
1SFMPBE
վળͷ݁Ռ
7VF'FTαΠτʢ"GUFSʣ w'.1NTNT w EFWUPNT Ѩ෦ͷϗʔϜϖʔδNTʢ͜ΕͲ͏ͬͨΒউͯΔΜͩʜ
Λҡ࣋͢Δ Έͮ͘Γ
ը૾ѹॖͷࣗಈԽ
(JU)PPLT wίϛοτ͢ΔલʹࣗಈͰը૾ѹॖ wIVTLZΛ͑όʔδϣϯཧͰ͖Δ
IVTLZઃఆྫ
None
ϞχλϦϯάͷڧԽ
ϞχλϦϯάͷڧԽ w8FC1BHFUFTUΛϗεςΟϯάͯ͠ɺఆظత ʹ࣮ߦ͢ΔͳͲ wʢ·͍ͩͬͯͳ͍͕ɺͬͯΈ͍ͨʣ
·ͱΊ wͲͷࢦඪΛͲͷ͘Β͍͘͢Δ͔ɺվળͷ ඪΛཱͯΔ wΫϦςΟΧϧϨϯμϦϯάύεΛ೦಄ʹஔ͍ͯɺ͍ ·ɺͲ͜ͷվળΛ͍ͬͯΔͷ͔Λৗʹҙࣝ͢Δ wվળΛҰͬͯऴΘΓͰͳ͘ɺվળͨ͠ Λҡ࣋͢ΔΈॏཁ
None