Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
おきらく!みんなのWeb高速化入門
Search
佐藤あゆみ
December 14, 2019
0
250
おきらく!みんなのWeb高速化入門
2019/12/14(土) ゆるゆるIT勉強会 feat.Reedex 8
https://yuru-it.connpass.com/event/155817/
佐藤あゆみ
December 14, 2019
Tweet
Share
More Decks by 佐藤あゆみ
See All by 佐藤あゆみ
使えばわかる!Jamstackの前に microCMS × PHP から始めてみる という選択肢
trickstar13
1
2.4k
necco 阿部さんの記事を見て Shifter Headless + Faust.js + Vercel したらかんたんに実装できちゃった話
trickstar13
0
2k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.3k
Typedesign – Prime Four
hannesfritz
40
2.4k
Optimizing for Happiness
mojombo
376
70k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Writing Fast Ruby
sferik
628
61k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
510
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Making Projects Easy
brettharned
116
5.9k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Transcript
1FOUB130HSBNࠤ౻͋ΏΈ ͓͖Β͘ ʂ ΈΜͳͷ8FCߴԽೖ
ࠤ౻͋ΏΈ 5XJUUFS!1FOUB130HSBN
)5.-ίʔμʔΣϒ୲ऀͷͨΊͷ 8FCϖʔδ ߴԽೖ ஶऀɿࠤ౻͋ΏΈɹఆՁɿԁʢ੫ผʣ ग़൛ࣾɿٕज़ධࣾ
࣍ ͳͥࠓɺߴԽʁ Ͳ͏ͯ͠ද͕͍ࣔͷʁ ͍ͷαʔόʁίϯςϯπʁ αʔό͕ॏ͍ͱ͖ ίϯςϯπ͕ॏ͍ͱ͖
ͳͥࠓɺ ߴԽͳͷ͔
8FCͷද͕ࣔʓඵ͘ͳΔͱʷʷ·ͱΊ ग़యʣIUUQTCMPHJEFBNBOTDPNXFCQFSGPSNBODFQISBTFTIUNM
8FCͷද͕ࣔʓඵ͘ͳΔͱʷʷ·ͱΊ ग़యʣIUUQTCMPHJEFBNBOTDPNXFCQFSGPSNBODFQISBTFTIUNM
͍ΑΓ͍ํ͕͍͍
ɾ͕͔ͬΓ͠ͳ͍ ɾΪΨ͕ݮΒͳ͍ ɾݶΓ͋ΔࢿݯΛ࿘අ͠ͳ͍ ͍ܰɺ ͍ͱɺ ͳͥخ͍͠ʁ
(PPHMF͕͘͠Ζͱݴ͏͔Β
5FTU.Z4JUF IUUQTXXXUIJOLXJUIHPPHMFDPNJOUMKBKQGFBUVSFUFTUNZTJUF
1BHF4QFFE*OTJHIUT IUUQTEFWFMPQFSTHPPHMFDPNTQFFEQBHFTQFFEJOTJHIUT
(PPHMF4FBSDI$POTPMF IUUQTTFBSDIHPPHMFDPNTFBSDIDPOTPMFBCPVU
αΠ τͷෆ໊༪ͳόοδදࣔ Ҿ༻ɿIUUQTXXXJUNFEJBDPKQOFXTBSUJDMFTOFXTIUNM
̎ Ͳ͏ͯ͠ද͕͍ࣔͷʁ
ᶃ௨৴ڥ w ௨৴ճઢͷ͕͍ w ௨৴ڑ͕͍
ᶄ8FCαʔό w ॲཧੑೳ͕͍ w σʔλϕʔε͕ཧ͞Ε ͍ͯͳ͍ w ΞΫηε͕ࡴ౸͍ͯ͠Δ
ᶅίϯςϯπ w ॏ͍ը૾Λͨ͘͞Μܝࡌ͍ͯ͠Δ w ॏ͍ಈըΛܝࡌ͍ͯ͠Δ w ಈతʹੜ͢Δίϯςϯπ͕ଟ͍
ᶆӾཡ w ॲཧੑೳ͕͍ w 04ϒϥβ͕ݹ͍ w ଟͷαʔόͱಉ࣌ʹ௨৴͍ͯ͠Δ w ଟͷ͕ͭͷωοτϫʔΫΛڞ༗͍ͯ͠Δ w
ݹ͍8J'Jػث௨৴έʔϒϧΛར༻͍ͯ͠Δ
ͲΕΛվળ͢Δʁ ᶃ௨৴ڥ ᶄ8FCαʔό ᶅίϯςϯπ ᶆӾཡ
ͲΕΛվળ͢Δʁ ᶃ௨৴ڥ ᶄ8FCαʔό ᶅίϯςϯπ ᶆӾཡ
ͲΕΛվળ͢Δʁ ᶃ௨৴ڥ ᶄ8FCαʔό ᶅίϯςϯπ ᶆӾཡ
̏ ͍ͷαʔόʁίϯςϯπʁ
55'# 5JNFUP'JSTU#ZUF
w5JNF5P'JSTU#ZUF w࠷ॳͷόΠτΛड͚औΔ·Ͱʹ͔͔ͬͨ࣌ؒ 55'#ͱ ͜ͷ)5.-ϖʔδɺ͋Δʁ ͍͋Α 55'#
55'#Ͱɺ ͬ͘͟Γ͔Δʂ
55'#̎̌̌NTҎԼ͕ཧ
55'#Ͱɺ ͬ͘͟Γ͔Δʂ
αʔό͕͍ͱ͖
͍αʔόʹ Γ͑Α͏ʂ
ίϯςϯπ͕ॏ͍ͱ͖
ᶃը૾Λܰ͘͢Δ ը૾͕ॏ͍ ͨ͘͞Μࡌ͍ͤͯΔͳΒʜ w ը૾ܗࣜΛݟ͢ ʢ+1&( 1/( 47(ʜʣ w దਖ਼αΠζॖখ͢Δ
w ѹॖ͢Δ
ᶄෆཁͳͷΛফ͢ ෆཁͳίϯςϯπ ͋Γ·ͤΜ͔ʁ w ແବʹଟ͍εϥΠυը૾ w ͳΜͱͳ͘ຒΊࠐΉ4/4 w ະ༻ͷղੳࠂλά w
ະ༻ͷ8FCϑΥϯτ
ᶅಡΈࠐΈॱংΛؾʹ͢Δ ϑΝʔετϏϡʔΤϦΞʹ දࣔ͞ΕΔͷΛ༏ઌ͢Δ w $44ͷ࠷దԽ w +BWB4DSJQUͷඇಉظಡࠐ w ը૾ΛԆඇಉظಡࠐ
ᶆը૾Ҏ֎ѹॖ͢Δ ޮՌ߇͑Ίͷͣʁ ͔͠͠ɺ14*έ͕͍͍ w NJOJGZ վߦίϝϯτΛআ w H[JQѹॖ αʔόͰѹॖͯ͠৴
͍ΑΓ͍ํ͕͍͍ ͍αʔόΓ͑Α͏ ը૾Λܰ͘͠Α͏ ෆཁͳͷΛফͦ͏ ಡΈࠐΈॱংΛؾʹͯ͠ΈΑ͏ ը૾Ҏ֎ѹॖͯ͠ΈΑ͏
͋Γ͕ͱ͏͍͟͝·ͨ͠
ͦͷଞɿѹॖΞϓϦέʔγϣϯ w *NBHF0QUJN ʢ.BD༻ແྉιϑτʣ IUUQTJNBHFPQUJNDPNNBD w "OUFMPQF ʢ8JOEPXT༻ແྉιϑτʣ IUUQTCPMESJHIUDPKQQSPEVDUTBOUFMPQF
ͦͷଞɿѹॖΞϓϦέʔγϣϯ w 47(0.( ʢ47(ѹॖαΠτʣ IUUQTKBLFBSDIJCBMEHJUIVCJPTWHPNH