woocommerce & aws

56
HOW TO MAKE SCALEABLE WORDPRESS WEBSITE WordBench Kyoto 2016 Feb

Upload: hidetaka-okamoto

Post on 14-Apr-2017

10.102 views

Category:

Engineering


0 download

TRANSCRIPT

Page 1: WooCommerce & AWS

HOW TO MAKE SCALEABLE

WORDPRESS WEBSITE

WordBench Kyoto 2016 Feb

Page 2: WooCommerce & AWS

HIDE(岡本秀高)

• WordBench京都モデレータ

• め組の人

• WordCamp Kansai 2016実行委員

 実行委員と

 ネタ募集中!

Page 3: WooCommerce & AWS
Page 4: WooCommerce & AWS

ECサイトで 最も重要な事とは?

Page 5: WooCommerce & AWS

ECサイトで重要な事とは?

• 決済システム

• 商品

• デザイン

• 機能

• コンテンツ

• etc…

Page 6: WooCommerce & AWS

これ 忘れてませんか?

Page 7: WooCommerce & AWS

SERVER

Page 8: WooCommerce & AWS

こんなことしてませんか?

• 「とりあえず安いサーバにしよう」

• 「あの機能も欲しいな、これも欲しいな」

• 「商品には画像をいっぱい載せよう!」

• 「あれ、サイトが遅い」

• 「WordPressはダメだな」

Page 9: WooCommerce & AWS

基礎工事は 大事ですよ?

Page 10: WooCommerce & AWS

貧弱なサーバーが作るサイト

• 表示速度の遅いサイト

• 落ちやすいサイト

• 使えない機能の多いサイト

Page 11: WooCommerce & AWS

よし、 セールを開催しよう!

Page 12: WooCommerce & AWS

あの、 サイト見れないんですが・・・

Page 13: WooCommerce & AWS

HTTP 503 ERROR

Page 14: WooCommerce & AWS

サーバが同時接続数に耐えられなくなった

Page 15: WooCommerce & AWS

アクセス数が増えるとサーバ負荷も増える 処理能力を超えるとサイトが落ちる

Page 16: WooCommerce & AWS

貧弱なサーバは 売り上げをロスする

Page 17: WooCommerce & AWS

売り上げ以外にロスするもの

• 広告費

• 顧客満足度

• 復旧対応で消耗した社員のやる気

• 上司の機嫌

• Googleの評価

Page 18: WooCommerce & AWS

売り上げ以外にロスするもの

• 広告費

• 顧客満足度

• 復旧対応で消耗した社員のやる気

• 上司の機嫌

• Googleの評価

Page 19: WooCommerce & AWS

https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/slow-mobile-pages?hl=ja

Page 20: WooCommerce & AWS

本当にあった怖い話:       .

Page 21: WooCommerce & AWS

本当にあった怖い話:読み込み35秒

Page 22: WooCommerce & AWS

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.

Page 23: WooCommerce & AWS

TTFBとは

サーバがレスポンスを 返し始めるまでの時間

(最初の1BYTEの到達時間)

Page 24: WooCommerce & AWS

GOOGLEはTTFB0.2秒以内を推奨している

が、

Page 25: WooCommerce & AWS

GOOGLEはTTFB0.2秒以内を推奨している

Page 26: WooCommerce & AWS

とはいえ

Page 27: WooCommerce & AWS

サーバ周りにありがちなこと

• 「わかっちゃいるけど予算がない」

• 「セール期間以外はそこまでアクセスない」

• 「落ちた時の機会損失の方が安いんじゃ」

• 「よくわかんないから現状維持」

Page 28: WooCommerce & AWS

始めてみませんか クラウドサーバ

Page 29: WooCommerce & AWS

クラウドサーバのいいところ

• サーバスペックを柔軟に変更できる

• 使った分だけのインフラコスト

• 関連サービスとの連携が楽

Page 30: WooCommerce & AWS

さくらのクラウド

Page 31: WooCommerce & AWS

AMAZON WEB SERVICE (AWS)

Page 32: WooCommerce & AWS

AWS + WORDPRESS = AMIMOTO AMI

Page 33: WooCommerce & AWS

AWSがいい理由

• チューニングされたWordPressが使える(AMIMOTO AMI)

• CLIやAPI, SDKなど様々な方法でサーバを操作できる

• WordPress & AWSのプラグインが複数ある

• 多くの「マネージドサービス」が使える

Page 34: WooCommerce & AWS

ハイパフォーマンス WordPress

Page 35: WooCommerce & AWS

AMIMOTO AMIHIGH PERFORMANCE WORDPRESS AMI

Page 36: WooCommerce & AWS

EASY USE & HIGH PERFORMANCE

AMIMOTO AMI

• Nginxリバプロキャッシュ

• GitとWP-CLIが使える

• 1クリックで立ち上げ可能

• 様々な構成が使える • HHVM & Nginx • PHP-FPM & Nginx • HTTP2 Support • PHP7 & Apache Backend • For WooCommerce

Page 37: WooCommerce & AWS
Page 38: WooCommerce & AWS

AMIMOTO AMI + WooCommerce

Page 39: WooCommerce & AWS

サーバスペックの 変更が簡単

Page 40: WooCommerce & AWS

「セールをやろう!」となったら・・・

1.サーバを一時停止

2.サーバスペックを上位クラスに変更

3.サーバ再起動

4.準備完了!

この手順は2分もかからずに

Page 41: WooCommerce & AWS

AUTOMATICALLY CHANGE SPEC

EC2 AUTOSCALING

• 自動的に台数を変更

• CPU負荷に反応

• 必要な分だけの台数に

Page 42: WooCommerce & AWS

CDNやメディアストレージのコントロールなど・・・AWSを便利に使えるプラグイン

Page 43: WooCommerce & AWS

マネージドサービスが いっぱい

Page 44: WooCommerce & AWS
Page 45: WooCommerce & AWS

FULLY MANAGED DATABASE SERVICE

AMAZON RDS

• AWSがマネージドするDB

• バックアップ自動生成

• レプリケーションが簡単

• いろんなDBエンジンが使える

• MySQL • MariaDB • Amazon Aurora

Page 46: WooCommerce & AWS

SIMPLY FILE STORAGE SERVICE

AMAZON SIMPLE STORAGE SERVICE

• 99.999999999% の可用性

• 低価格

• スケーラブル

ファイル容量を気にせずに

メディアをサイトに使える!

Page 47: WooCommerce & AWS

GLOBAL CDN NETWORK SERVICE

AMAZON CLOUDFRONT

• 低価格のCDN

• Geo Restriction

• 無料SSLのサポート

サイトの高速化と

サーバ負荷削減へ

Page 48: WooCommerce & AWS

SIMPLE LOAD BALANCER

AMAZON ELASTIC LOAD BALANCE

• 立ち上げが簡単

• 柔軟にスケール

• サーバの状態チェック対応

複数サーバでの

負荷分散が簡単に

Page 49: WooCommerce & AWS

MANAGED SEARCH ENGINE SERVICE

AMAZON ELASTICSEARCH SERVICE

• 簡単セットアップ

• スケーラブル

• サーバログや検索に便利

強力な検索機構や

サーバログパネルに

活用可能

Page 50: WooCommerce & AWS

ELASTICSEARCH CAN…

Page 51: WooCommerce & AWS

USEFULL, MANAGED, EASY USE

そのほかにも・・・

• CloudFormation ( Env. )

• Machine Learning ( Analyze )

• ElatiCache( Object Cache )

• Certificate Manager ( SSL )

• Route53 ( DNS )

• Amazon WAF ( WAF )

• Amazon IoT ( IoT )

Page 52: WooCommerce & AWS

EXAMPLE STACK ON AWSHIGH PERFORMANCE AND LOW COSTS

Page 53: WooCommerce & AWS

サーバは大事

Page 54: WooCommerce & AWS

だけど そこまで時間を使えない

Page 55: WooCommerce & AWS

餅は餅屋に任せて ビジネスに専念しよう

Page 56: WooCommerce & AWS

THANKS.