Scalable WordPress - より多くのアクセスを捌けるWordPressサイトの作り方

WordBench倉敷 2018/08

Transcript

1. S c a l a b l e Wo rd P re s s Α Γ ଟ ͘ͷ ΞΫ η ε Λ ࡹ ͚Δ Wo rd P re s s αΠ τ ͷ ࡞ Γ ํ Wo rd B e n c h ૔ ෑ 2 0 1 8 / 0 8
2. H i d e t a k a O k a m o t o • Digitalcube Co. Ltd. • WordCamp Kyoto 2017࣮ߦҕһ௕ • GutenbergίΞίϯτϦϏϡʔλʔ
3. A M I M O T O ͷ ձ ࣾ https://ja.amimoto-ami.com
4. S h i f t e r : ੩ త W P αΠ τ ϗ ε ςΟ ϯ ά https://getshifter.io
5. ࠓ ೔ ͷ ࿩
6. ؾ ߹ Λ ͍ Εͯ ه ࣄ Λ ॻ ͘
7. ΞΫ η ε ਺ ͕ ૿ ͑Δ
9. αΠ τ ʹ ΞΫ η ε Ͱ ͖ ͳ ͘ ͳΔ
11. ͱ ͍ ͏ ͷ Λ ݮ Β ͦ ͏ ͱ ͍ ͏ ࿩
12. A g e n d a • ͳͥͭͳ͕Βͳ͘ͳΔʁ • Ͳ͏͢Ε͹͍͍ʁ • Ԡ༻ͯ͠ΈΑ͏
13. A g e n d a • ͳͥͭͳ͕Βͳ͘ͳΔʁ • Ͳ͏͢Ε͹͍͍ʁ • Ԡ༻ͯ͠ΈΑ͏
14. H T T P 5 0 3 S e r v i c e U n a v a i l a b l e
15. H T T P 5 0 3 S e r v i c e U n a v a i l a b l e • ʮαʔϏεར༻ෆՄʯʮαʔϏε͕ར༻Ͱ͖·ͤΜʯ • ౰֘΢ΣϒαΠτʹॠؒతʹଟ਺ͷΞΫηε͕ͳ͞Εɺαʔόʔ͕ॲ ཧෆೳʹؕͬͨɻ • αʔόʔ͕ϝϯςφϯεதͳͲͰػೳ͍ͯ͠ͳ͔ͬͨɻ • αʔό಺ͷ࠷େσʔλసૹྔΛ௒աͨ͠ɻ • ಉҰαʔό಺ͷଞͷαΠτ΁ͷΞΫηεͷूதɻ https://ja.wikipedia.org/wiki/HTTP_503
16. H T T P 5 0 3 S e r v i c e U n a v a i l a b l e • ʮαʔϏεར༻ෆՄʯʮαʔϏε͕ར༻Ͱ͖·ͤΜʯ • ౰֘΢ΣϒαΠτʹॠؒతʹଟ਺ͷΞΫηε͕ͳ͞Εɺαʔόʔ͕ॲ ཧෆೳʹؕͬͨɻ • αʔόʔ͕ϝϯςφϯεதͳͲͰػೳ͍ͯ͠ͳ͔ͬͨɻ • αʔό಺ͷ࠷େσʔλసૹྔΛ௒աͨ͠ɻ • ಉҰαʔό಺ͷଞͷαΠτ΁ͷΞΫηεͷूதɻ https://ja.wikipedia.org/wiki/HTTP_503
17. H T T P 5 0 3 ≒
18. H T T P 5 0 3 ≒ α ʔόʔ
19. A g e n d a • ͳͥͭͳ͕Βͳ͘ͳΔʁ • Ͳ͏͢Ε͹͍͍ʁ • Ԡ༻ͯ͠ΈΑ͏
20. H T T P 5 0 3 ͷ ͓ ͞ Β ͍ • ʮαʔϏεར༻ෆՄʯʮαʔϏε͕ར༻Ͱ͖·ͤΜʯ • ౰֘΢ΣϒαΠτʹॠؒతʹଟ਺ͷΞΫηε͕ͳ͞Εɺαʔόʔ͕ॲ ཧෆೳʹؕͬͨɻ • αʔόʔ͕ϝϯςφϯεதͳͲͰػೳ͍ͯ͠ͳ͔ͬͨɻ • αʔό಺ͷ࠷େσʔλసૹྔΛ௒աͨ͠ɻ • ಉҰαʔό಺ͷଞͷαΠτ΁ͷΞΫηεͷूதɻ https://ja.wikipedia.org/wiki/HTTP_503
21. ॲ ཧ Ͱ ͖ Δ α ʔόʔ ʹ ม ͑ Α ͏
22. ͦ Ε ͕ Ͱ ͖ Ε ͹ ۤ ࿑ ͠ ͳ ͍
23. Α ͘ ͋ Δ ෛ ՙ ର ࡦ • αʔόʔΛڧ͘͢Δ • ΩϟογϡΛ࢖͏ • CDNΛ࢖͏ • ෳࡶͳॲཧΛݮΒ͢ • ੩తԽ͢Δ
24. ༨ ஊ ɿ ͳ ͥ Ω ϟ ο γ ϡ ϓ ϥ άΠ ϯ Λ ࢖ ͏ ͷ ͔ ʁ
25. ༨ ஊ ɿ ͳ ͥ Ω ϟ ο γ ϡ ϓ ϥ άΠ ϯ Λ ࢖ ͏ ͷ ͔ ʁ • WP(PHP)͸ຖճDB৘ใ͔ΒHTMLΛ૊ΈཱͯΔ࡞ۀΛ͍ͯ͠Δ • ʮಉ͡΋ͷΛຖճ૊ΉͳΒɺͲ͔͜ʹอଘ͠ͱ͜͏ͥʯ • ૊ΈཱͯͨHTMLΛอଘͯ͠ɺͦΕΛදࣔͤ͞Δ • DB઀ଓ΍૊Έཱͯ࡞ۀ͕ݮΔͷͰෛՙ͕গͳ͘ͳΔ
26. ͳ ͥ Ω ϟ ο γ ϡ ϓ ϥ άΠ ϯ Ͱ ࠔ Δ ਓ ͕ Ͱ Δ ͷ ͔ • ʮಉ͡΋ͷΛຖճ૊ΉͳΒɺͲ͔͜ʹอଘ͠ͱ͜͏ͥʯˡ ͜Ε • อଘͨ͠ޙʹσʔλΛมߋͨ͠ΒͲ͏ͳΔʁ • อଘ͞ΕͨϑΝΠϧ͕ফ͑ͨΒͲ͏ͳΔʁ • ͦ΋ͦ΋ͦͷσʔλ͸อଘͯ͠େৎ෉ͳ΋ͷͳͷʁ • ಉ͜͡ͱͯ͠ΔϓϥάΠϯ͕ଞʹ΋ͳ͍ʁ
27. α ʔόʔ ձ ࣾ Ͱ Ω ϟ ο γ ϡ Λ ࢖ ͬͯ Δ ৔ ߹ ΋ ͋ Δ https://support.amimoto-ami.com/೔ຊޠ/αʔϏεશൠʹ͍ͭͯ/ਪ঑͞Εͳ͍ϓϥάΠϯ͸͋Γ·͔͢
28. Α ͘ ͋ Δ ෛ ՙ ର ࡦ • αʔόʔΛڧ͘͢Δ • ΩϟογϡΛ࢖͏ • CDNΛ࢖͏ • ෳࡶͳॲཧΛݮΒ͢ • ੩తԽ͢Δ
30. C D N ͱ Ω ϟ ο γ ϡ ͸ ҧ ͏ ΋ ͷ ʁ • Ωϟογϡͨ͠HTMLΛฦ͢ͱ͍͏࢓૊Έ͸ಉ͡ • ϓϥάΠϯͷΩϟογϡ͸(େମ)WPαʔόʔ಺Ͱॲཧ͞ΕΔ • CDNαʔόʔʢΤοδαʔόʔʣͰॲཧ͢Δͷ͕CDN • αʔόʔ͕ผͳͷͰɺෛՙͷ෼ࢄʹ΋ͳΔ
31. A W S C l o u d F ro n t ͷ Ω ϟ ο γ ϡ ૢ ࡞ ϓ ϥ άΠ ϯ https://wordpress.org/plugins/c3-cloudfront-clear-cache/
32. ϝ σΟΞ ͩ ͚ ͳ Β J e t p a c k C D N ͱ ͍ ͏ ख ΋ https://ja.jetpack.com/features/
33. Α ͘ ͋ Δ ෛ ՙ ର ࡦ • αʔόʔΛڧ͘͢Δ • ΩϟογϡΛ࢖͏ • CDNΛ࢖͏ • ෳࡶͳॲཧΛݮΒ͢ • ੩తԽ͢Δ
34. ॲ ཧ ͢ Δ ͜ ͱ ͕ ଟ ͍ ͱ α ʔόʔ ΋ ͭ Β ͘ ͳΔ
35. ݟ ௚ ͠ ͨ ํ ͕ Α ͍ ͔ ΋ ͠ Ε ͳ ͍ ॲ ཧ • ΧελϜϑΟʔϧυͷ಺༰Λ࢖ͬͨෳࡶͳݕࡧॲཧ • ΞΫηε਺ΛWordPress಺Ͱॲཧͯ͠ϥϯΩϯά෇͚ • Ωϟογϡ͢ΔͱΑΖ͘͠ͳ͍σʔλΛ࢖͏ॲཧ (cookieͳͲ) • WarningͳͲͷϩά৘ใΛେྔʹ࢒͍ͯ͠Δ΋ͷ
36. $ w p p ro f i l e Ͱ ύ ϑ Υ ʔϚ ϯε ௐ ࠪ https://developer.wordpress.org/cli/commands/profile/
37. A P M ͳ Ͳ Ͱ Ϙ τϧ ω ο Ϋ ͷ ؂ ࢹ / ௐ ࠪ https://newrelic.degica.com/blog/2017-10-10-wordpress-performance-bottlenecks-kinsta
38. Α ͘ ͋ Δ ෛ ՙ ର ࡦ • αʔόʔΛڧ͘͢Δ • ΩϟογϡΛ࢖͏ • CDNΛ࢖͏ • ෳࡶͳॲཧΛݮΒ͢ • ੩తԽ͢Δ
39. H T M L ͩ ͚ ஔ ͚ ͹ ͍ ͍ ͷ Ͱ ͸ ʁ
40. H T M L ͩ ͚ ϗ ε τ ʹ ͢ Δ ͱ ݁ ߏ ڧ ͍ http://fukuyuki.net/post-805/
41. u t s u s e m i : ࢦ ఆ ͠ ͨ αΠ τ Λ H T M L ʹ ม ׵ ͢ Δ O S S https://github.com/k1LoW/utsusemi
42. w p s t a t i c Ͱ ݕ ࡧ ͢ Δ ͱ ϓ ϥ άΠ ϯ ΋ https://ja.wordpress.org/plugins/search/wp+static/
43. W P α ϙʔ τ ͷ ੩ త αΠ τδΣ ω Ϩ ʔ λ ʔ ΋ https://www.gatsbyjs.org/docs/wordpress-source-plugin-tutorial/
44. S h i f t e r : ੩ త W P αΠ τ ϗ ε ςΟ ϯ ά https://getshifter.io
45. W P αΠ τ Λ H T M L ʹ ม ׵ ͯ͠ ެ ։ https://getshifter.io
46. ੩ త Խ ͢ Δ ࡍ ͷ ஫ ҙ ఺ • ΋ͪΖΜPHP΍MySQL͸࢖͑·ͤΜ • ϑΥʔϜ΍ݕࡧ͸֎෦αʔϏεͱ࿈ܞͯ͠࢖͏ • ม׵ॲཧ͕ඞཁͳͷͰɺߋ৽ͱެ։ʹ͢͜͠ϥά͕ग़Δ • ͱ͍͔ͦΕMovab…
47. ੩ త Խ ͢ Δ ϝ Ϧ ο τ • Netlify΍S3ʹHTMLΛ͓͚͹མͪΔ͜ͱ͸΄΅ͳ͘ͳΔ • WPΛඇެ։ྖҬʹஔ͚͹߈ܸϦεΫΛݮΒͤΔ • ʮߋ৽͠ͳ͍࣌͸αʔόʔ͝ͱWPͳͤ͘͹ϝϯςল͚ΔͷͰ͸ʯ • ΠϕϯτɾاըαΠτͷӬ୅ڙཆʹΑ͘࢖ΘΕΔ
48. J A W S D a y s 2 0 1 8 https://jawsdays2018.jaws-ug.jp/
49. O n e m o re t h i n g
50. ݟ ͨ ໨ ͱ ॲ ཧ Λ α ʔ όʔ ͝ ͱ ෼ ཭ ͢ Δ http://ossforum.jp/en/node/813
51. ݟ ͨ ໨ ͱ ॲ ཧ Λ α ʔ όʔ ͝ ͱ ෼ ཭ ͢ Δ http://ossforum.jp/en/node/813 W P ͸ ͜ ͜ ͕ ಉ ͡ α ʔόʔ ͷ ͜ ͱ ͕ ଟ ͍
52. ྫ ɿ ݟ ͨ ໨ ͱ ॲ ཧ Λ α ʔ όʔ ͝ ͱ ෼ ཭ ͢ Δ https://www.ustwo.com/
53. u s t w o . c o m ͷ Π ϯ ϑ ϥ ߏ ੒ https://github.com/ustwo/ustwo.com-frontend
54. ͏ ͪ ͷ α Π τ ΋ ΍ ͬͯΈ ͨ https://wp-kyoto.net/
55. W P - a p p / D B F ro n t e n d
56. P WA ४ ର Ԡ ͠ ͨ ͷ Ͱ Φ ϑ ϥ Π ϯ Ͱ ΋ ؍ Ε Δ https://wp-kyoto.net
57. ϑ ϩ ϯ τ Τ ϯ υ ͱ ό ο Ϋ Τ ϯ υ ͷ ෼ ཭ • HTMLͷඳըΛSPAʹ·͔ͤΔʢσʔλ͸APIܦ༝ʣ • JSͰ΍Γ͍ͨ์୊ΞϓϦϥΠΫͳભҠ΍ඳը͕Ͱ͖Δ • Ionic / RN΍PWAରԠͳͲͰΞϓϦͱͯ͠΋ఏڙͰ͖Δ • WP͕APIॲཧͱ؅ཧը໘ૢ࡞͚ͩʹͳΔͷͰෛՙ͕ݮΔ • ΢ΟδΣοτʁϝχϡʔʁ஌Βͳ͍ࢠͰ͢Ͷ
58. Tw e l v e F a c t o r A p p https://12factor.net/ja/
59. A g e n d a • ͳͥͭͳ͕Βͳ͘ͳΔʁ • Ͳ͏͢Ε͹͍͍ʁ • Ԡ༻ͯ͠ΈΑ͏
60. Ұ ෦ D N S α ʔ Ϗ ε ʹ ͸ ϔ ϧε ν Σ ο Ϋ ͕ ͋ Δ
61. ͭ ͳ ͕ Β ͳ ͘ ͳ ͬ ͨ Β ผ ͷ I P ΁ ྲྀ ͢
62. ϓ ϥ άΠ ϯ ͳ Ͳ Ͱ ੩ త H T M L Λ ࡞ ੒
63. α ʔόʔ ͕ མ ͪ ͨ Β ੩ త H T M L ʹ ΞΫ η ε Λ ྲྀ ͢
64. ੩ త H T M L Ͱ ϑΣ Πϧ Φ ʔ όʔ • ʮਅͬനͰԿ΋ݟ͑ͳ͍ʯͱ͍͏ঢ়ଶ͸ճආͰ͖Δ • ΋ͪΖΜݕࡧ΍ձһɾ௨ൢػೳͳͲ͸࢖͑ͳ͍ • JS͸ಈ͘ͷͰɺGoogle޿ࠂͳͲ͸දࣔ͞ΕΔ • Ұ෦ΛఘΊͯͰ΋ɺ࠷ѱΛճආ͢Δͱ͍͏ରࡦ
65. ͦ ͷ ଞ A W S + W P Ͱ Ͱ ͖ Δ ͍ Ζ Μ ͳ ࿩ https://speakerdeck.com/shogomuranushi/wordcamp-osaka-2018
66. ࠷ ޙ ʹ
67. α ʔ όʔ ྉ ۚ ͸ අ ༻ Ͱ ͢ ͔ ʁ ౤ ࢿ Ͱ ͢ ͔ ʁ • ڱ͍εϖʔεͩͱଟ͘ͷਓ͸ೖΒͳ͍ɺ͚Ͳ΋අ༻͸͍҆ • େ੎ͷ͓٬Λड͚ೖΕ͍͓ͨళ͸޿͍ςφϯτ΍౔஍Λܖ໿͢Δ • αʔόʔͩͬͯɺ͍҆ͷʹ͸ཧ༝͕͋Δʢ੍ݶɾύϑΥʔϚϯε౳ʣ • ౔஍ɾςφϯτΑΓαʔόʔ͸Ҿͬӽ͕͠؆୯ • ࢭ·ΔͱଘଓʹؔΘΔ΋ͷͳΒɺͪΌΜͱ౤ࢿ͠·͠ΐ͏
68. A n y q u e s t i o n ?