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
280
おきらく!みんなの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.7k
necco 阿部さんの記事を見て Shifter Headless + Faust.js + Vercel したらかんたんに実装できちゃった話
trickstar13
0
2.3k
Featured
See All Featured
Side Projects
sachag
455
43k
Unsuck your backbone
ammeep
671
58k
Practical Orchestrator
shlominoach
190
11k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Writing Fast Ruby
sferik
628
62k
RailsConf 2023
tenderlove
30
1.2k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Documentation Writing (for coders)
carmenintech
73
5k
Designing for Performance
lara
610
69k
Done Done
chrislema
185
16k
How to train your dragon (web standard)
notwaldorf
96
6.2k
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