Upgrade to Pro — share decks privately, control downloads, hide ads and more …

おきらく！みんなのWeb高速化入門

Avatar for 佐藤あゆみ 佐藤あゆみ
December 14, 2019
0
280

 おきらく！みんなのWeb高速化入門

2019/12/14(土) ゆるゆるIT勉強会 feat.Reedex 8
https://yuru-it.connpass.com/event/155817/
Avatar for 佐藤あゆみ

佐藤あゆみ

December 14, 2019
Tweet

More Decks by 佐藤あゆみ

See All by 佐藤あゆみ
使えばわかる！Jamstackの前に microCMS × PHP から始めてみる
という選択肢
Avatar for 佐藤あゆみ trickstar13
1
2.6k
necco 阿部さんの記事を見て Shifter Headless + Faust.js + Vercel したらかんたんに実装できちゃった話
Avatar for 佐藤あゆみ trickstar13
0
2.3k

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
53k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
500
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k
It's Worth the Effort
Avatar for 3n 3n
185
28k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k

Transcript

  1. 1FOUB130HSBNࠤ౻͋ΏΈ ͓͖Β͘ ʂ ΈΜͳͷ8FCߴ଎Խೖ໳

  2. ࠤ౻͋ΏΈ 5XJUUFS!1FOUB130HSBN

  3. )5.-ίʔμʔ΢Σϒ୲౰ऀͷͨΊͷ 8FCϖʔδ ߴ଎Խ௒ೖ໳ ஶऀɿࠤ౻͋ΏΈɹఆՁɿԁʢ੫ผʣ ग़൛ࣾɿٕज़ධ࿦ࣾ

  4. ໨࣍ ͳͥࠓɺߴ଎Խʁ Ͳ͏ͯ͠ද͕ࣔ஗͍ͷʁ ஗͍ͷ͸αʔόʁίϯςϯπʁ αʔό͕ॏ͍ͱ͖ ίϯςϯπ͕ॏ͍ͱ͖

  5.  ͳͥࠓɺ ߴ଎Խͳͷ͔

  6. 8FCͷද͕ࣔʓඵ஗͘ͳΔͱʷʷ·ͱΊ ग़యʣIUUQTCMPHJEFBNBOTDPNXFCQFSGPSNBODFQISBTFTIUNM

  7. 8FCͷද͕ࣔʓඵ஗͘ͳΔͱʷʷ·ͱΊ ग़యʣIUUQTCMPHJEFBNBOTDPNXFCQFSGPSNBODFQISBTFTIUNM

  8. ஗͍ΑΓ଎͍ํ͕͍͍

  9. ɾ͕͔ͬΓ͠ͳ͍ ɾΪΨ͕ݮΒͳ͍ ɾݶΓ͋ΔࢿݯΛ࿘අ͠ͳ͍ ͍ܰɺ ଎͍ͱɺ ͳͥخ͍͠ʁ

  10. (PPHMF͕଎͘͠Ζͱݴ͏͔Β

  11. 5FTU.Z4JUF IUUQTXXXUIJOLXJUIHPPHMFDPNJOUMKBKQGFBUVSFUFTUNZTJUF

  12. 1BHF4QFFE*OTJHIUT IUUQTEFWFMPQFSTHPPHMFDPNTQFFEQBHFTQFFEJOTJHIUT

  13. (PPHMF4FBSDI$POTPMF IUUQTTFBSDIHPPHMFDPNTFBSDIDPOTPMFBCPVU

  14. ௿଎αΠ τ΁ͷෆ໊༪ͳόοδදࣔ Ҿ༻ɿIUUQTXXXJUNFEJBDPKQOFXTBSUJDMFTOFXTIUNM

  15. ̎ Ͳ͏ͯ͠ද͕ࣔ஗͍ͷʁ

  16. ᶃ௨৴؀ڥ w ௨৴ճઢͷ଎౓͕஗͍ w ௨৴ڑ཭͕௕͍

  17. ᶄ8FCαʔό w ॲཧੑೳ͕௿͍ w σʔλϕʔε͕੔ཧ͞Ε ͍ͯͳ͍ w ΞΫηε͕ࡴ౸͍ͯ͠Δ

  18. ᶅίϯςϯπ w ॏ͍ը૾Λͨ͘͞Μܝࡌ͍ͯ͠Δ w ॏ͍ಈըΛܝࡌ͍ͯ͠Δ w ಈతʹੜ੒͢Δίϯςϯπ͕ଟ͍

  19. ᶆӾཡ୺຤ w ॲཧੑೳ͕௿͍ w 04΍ϒϥ΢β͕ݹ͍ w ଟ਺ͷαʔόͱಉ࣌ʹ௨৴͍ͯ͠Δ w ଟ਺ͷ୺຤͕ͭͷωοτϫʔΫΛڞ༗͍ͯ͠Δ w

    ݹ͍8J'Jػث΍௨৴έʔϒϧΛར༻͍ͯ͠Δ

  20. ͲΕΛվળ͢Δʁ ᶃ௨৴؀ڥ ᶄ8FCαʔό ᶅίϯςϯπ ᶆӾཡ୺຤

  21. ͲΕΛվળ͢Δʁ ᶃ௨৴؀ڥ ᶄ8FCαʔό ᶅίϯςϯπ ᶆӾཡ୺຤

  22. ͲΕΛվળ͢Δʁ ᶃ௨৴؀ڥ ᶄ8FCαʔό ᶅίϯςϯπ ᶆӾཡ୺຤

  23. ̏ ஗͍ͷ͸αʔόʁίϯςϯπʁ

  24. 55'# 5JNFUP'JSTU#ZUF

  25. w5JNF5P'JSTU#ZUF w࠷ॳͷόΠτΛड͚औΔ·Ͱʹ͔͔ͬͨ࣌ؒ 55'#ͱ͸ ͜ͷ)5.-ϖʔδɺ͋Δʁ ͍͋Α 55'#

  26. 55'#Ͱɺ ͬ͘͟Γ෼͔Δʂ

  27. 55'#͸̎̌̌NTҎԼ͕ཧ૝

  28. 55'#Ͱɺ ͬ͘͟Γ෼͔Δʂ

  29.  αʔό͕஗͍ͱ͖

  30. ଎͍αʔόʹ ৐Γ׵͑Α͏ʂ

  31.  ίϯςϯπ͕ॏ͍ͱ͖

  32. ᶃը૾Λܰ͘͢Δ ը૾͕ॏ͍ ͨ͘͞Μࡌ͍ͤͯΔͳΒʜ w ը૾ܗࣜΛݟ௚͢ ʢ+1&( 1/( 47(ʜʣ w దਖ਼αΠζ΁ॖখ͢Δ

    w ѹॖ͢Δ

  33. ᶄෆཁͳ΋ͷΛফ͢ ෆཁͳίϯςϯπ ͋Γ·ͤΜ͔ʁ w ແବʹଟ͍εϥΠυը૾ w ͳΜͱͳ͘ຒΊࠐΉ4/4 w ະ࢖༻ͷղੳ΍޿ࠂλά w

    ະ࢖༻ͷ8FCϑΥϯτ

  34. ᶅಡΈࠐΈॱংΛؾʹ͢Δ ϑΝʔετϏϡʔΤϦΞʹ දࣔ͞ΕΔ΋ͷΛ༏ઌ͢Δ w $44ͷ࠷దԽ w +BWB4DSJQUͷඇಉظಡࠐ w ը૾Λ஗Ԇඇಉظಡࠐ

  35. ᶆը૾Ҏ֎΋ѹॖ͢Δ ޮՌ͸߇͑Ίͷ͸ͣʁ ͔͠͠ɺ14*΢έ͕͍͍ w NJOJGZ վߦ΍ίϝϯτΛ࡟আ w H[JQѹॖ αʔόͰѹॖͯ͠഑৴

  36. ஗͍ΑΓ଎͍ํ͕͍͍ ஗͍αʔό͸৐Γ׵͑Α͏ ը૾Λܰ͘͠Α͏ ෆཁͳ΋ͷΛফͦ͏ ಡΈࠐΈॱংΛؾʹͯ͠ΈΑ͏ ը૾Ҏ֎΋ѹॖͯ͠ΈΑ͏

  37. ͋Γ͕ͱ͏͍͟͝·ͨ͠

  38. ͦͷଞɿѹॖΞϓϦέʔγϣϯ w *NBHF0QUJN ʢ.BD༻ແྉιϑτʣ IUUQTJNBHFPQUJNDPNNBD w "OUFMPQF ʢ8JOEPXT༻ແྉιϑτʣ IUUQTCPMESJHIUDPKQQSPEVDUTBOUFMPQF

  39. ͦͷଞɿѹॖΞϓϦέʔγϣϯ w 47(0.( ʢ47(ѹॖαΠτʣ IUUQTKBLFBSDIJCBMEHJUIVCJPTWHPNH