Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WooCommerce & AWS

10,292 views

Published on

WordBench京都2016年2月のスライドです。

Published in: Engineering
  • Be the first to comment

WooCommerce & AWS

  1. 1. HOW TO MAKE SCALEABLE WORDPRESS WEBSITE WordBench Kyoto 2016 Feb
  2. 2. HIDE(岡本秀高) • WordBench京都モデレータ • め組の人 • WordCamp Kansai 2016実行委員  実行委員と  ネタ募集中!
  3. 3. ECサイトで 最も重要な事とは?
  4. 4. ECサイトで重要な事とは? • 決済システム • 商品 • デザイン • 機能 • コンテンツ • etc…
  5. 5. これ 忘れてませんか?
  6. 6. SERVER
  7. 7. こんなことしてませんか? • 「とりあえず安いサーバにしよう」 • 「あの機能も欲しいな、これも欲しいな」 • 「商品には画像をいっぱい載せよう!」 • 「あれ、サイトが遅い」 • 「WordPressはダメだな」
  8. 8. 基礎工事は 大事ですよ?
  9. 9. 貧弱なサーバーが作るサイト • 表示速度の遅いサイト • 落ちやすいサイト • 使えない機能の多いサイト
  10. 10. よし、 セールを開催しよう!
  11. 11. あの、 サイト見れないんですが・・・
  12. 12. HTTP 503 ERROR
  13. 13. サーバが同時接続数に耐えられなくなった
  14. 14. アクセス数が増えるとサーバ負荷も増える 処理能力を超えるとサイトが落ちる
  15. 15. 貧弱なサーバは 売り上げをロスする
  16. 16. 売り上げ以外にロスするもの • 広告費 • 顧客満足度 • 復旧対応で消耗した社員のやる気 • 上司の機嫌 • Googleの評価
  17. 17. 売り上げ以外にロスするもの • 広告費 • 顧客満足度 • 復旧対応で消耗した社員のやる気 • 上司の機嫌 • Googleの評価
  18. 18. https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/ slow-mobile-pages?hl=ja
  19. 19. 本当にあった怖い話:       .
  20. 20. 本当にあった怖い話:読み込み35秒
  21. 21. Quote Wikipedia “TIME TO FIRST BYTE” TTFB MEASURES THE DURATION FROM THE USER OR CLIENT MAKING AN HTTP REQUEST TO THE FIRST BYTE OF THE PAGE BEING RECEIVED BY THE CLIENT'S BROWSER.
  22. 22. TTFBとは サーバがレスポンスを 返し始めるまでの時間 (最初の1BYTEの到達時間)
  23. 23. GOOGLEはTTFB0.2秒以内を推奨している が、
  24. 24. GOOGLEはTTFB0.2秒以内を推奨している
  25. 25. とはいえ
  26. 26. サーバ周りにありがちなこと • 「わかっちゃいるけど予算がない」 • 「セール期間以外はそこまでアクセスない」 • 「落ちた時の機会損失の方が安いんじゃ」 • 「よくわかんないから現状維持」
  27. 27. 始めてみませんか クラウドサーバ
  28. 28. クラウドサーバのいいところ • サーバスペックを柔軟に変更できる • 使った分だけのインフラコスト • 関連サービスとの連携が楽
  29. 29. さくらのクラウド
  30. 30. AMAZON WEB SERVICE (AWS)
  31. 31. AWS + WORDPRESS = AMIMOTO AMI
  32. 32. AWSがいい理由 • チューニングされたWordPressが使える(AMIMOTO AMI) • CLIやAPI, SDKなど様々な方法でサーバを操作できる • WordPress & AWSのプラグインが複数ある • 多くの「マネージドサービス」が使える
  33. 33. ハイパフォーマンス WordPress
  34. 34. AMIMOTO AMI HIGH PERFORMANCE WORDPRESS AMI
  35. 35. EASY USE & HIGH PERFORMANCE AMIMOTO AMI • Nginxリバプロキャッシュ • GitとWP-CLIが使える • 1クリックで立ち上げ可能 • 様々な構成が使える • HHVM & Nginx • PHP-FPM & Nginx • HTTP2 Support • PHP7 & Apache Backend • For WooCommerce
  36. 36. AMIMOTO AMI + WooCommerce
  37. 37. サーバスペックの 変更が簡単
  38. 38. 「セールをやろう!」となったら・・・ 1.サーバを一時停止 2.サーバスペックを上位クラスに変更 3.サーバ再起動 4.準備完了! この手順は2分もかからずに
  39. 39. AUTOMATICALLY CHANGE SPEC EC2 AUTOSCALING • 自動的に台数を変更 • CPU負荷に反応 • 必要な分だけの台数に
  40. 40. CDNやメディアストレージのコントロールなど・・・ AWSを便利に使えるプラグイン
  41. 41. マネージドサービスが いっぱい
  42. 42. FULLY MANAGED DATABASE SERVICE AMAZON RDS • AWSがマネージドするDB • バックアップ自動生成 • レプリケーションが簡単 • いろんなDBエンジンが使える • MySQL • MariaDB • Amazon Aurora
  43. 43. SIMPLY FILE STORAGE SERVICE AMAZON SIMPLE STORAGE SERVICE • 99.999999999% の可用性 • 低価格 • スケーラブル ファイル容量を気にせずに メディアをサイトに使える!
  44. 44. GLOBAL CDN NETWORK SERVICE AMAZON CLOUDFRONT • 低価格のCDN • Geo Restriction • 無料SSLのサポート サイトの高速化と サーバ負荷削減へ
  45. 45. SIMPLE LOAD BALANCER AMAZON ELASTIC LOAD BALANCE • 立ち上げが簡単 • 柔軟にスケール • サーバの状態チェック対応 複数サーバでの 負荷分散が簡単に
  46. 46. MANAGED SEARCH ENGINE SERVICE AMAZON ELASTICSEARCH SERVICE • 簡単セットアップ • スケーラブル • サーバログや検索に便利 強力な検索機構や サーバログパネルに 活用可能
  47. 47. ELASTICSEARCH CAN…
  48. 48. USEFULL, MANAGED, EASY USE そのほかにも・・・ • CloudFormation ( Env. ) • Machine Learning ( Analyze ) • ElatiCache( Object Cache ) • Certificate Manager ( SSL ) • Route53 ( DNS ) • Amazon WAF ( WAF ) • Amazon IoT ( IoT )
  49. 49. EXAMPLE STACK ON AWS HIGH PERFORMANCE AND LOW COSTS
  50. 50. サーバは大事
  51. 51. だけど そこまで時間を使えない
  52. 52. は 屋に任せて ビジネスに専念しよう
  53. 53. THANKS.

×