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
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Being A Developer After 40
akosma
86
590k
Documentation Writing (for coders)
carmenintech
65
4.4k
We Have a Design System, Now What?
morganepeng
50
7.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Designing Experiences People Love
moore
138
23k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
Designing the Hi-DPI Web
ddemaree
280
34k
It's Worth the Effort
3n
183
27k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
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