WordPressが驚くほど高速化!WP Boosterの裏側
2012/08/25WordBeach 2012 in Nagoya
宮内 隆行
12年8月28日火曜日
自己紹介
12年8月28日火曜日
✓ 本州最南端の町、和歌山県の串本町で犬とたわむれながらデジタルキューブのバックエンドエンジニアなどをしております。
クミチョウ38才 オス
おれがボスだ!
12年8月28日火曜日
設計及びバックエンドの開発を行いました。
12年8月28日火曜日
✓ WordPressプラグインつくってます。‣ WP Total Hacks
‣ TinyMCE Templates
‣ その他いろいろ
12年8月28日火曜日
✓ スピーカーしました。‣ WordCamp Kobe 2011
‣ WordCamp Tokyo 2011
‣ PHPカンファレンス関西 2012
‣ などなど
12年8月28日火曜日
✓ WordCamp Tokyo 2012でもスピーカーさせていただきます。
12年8月28日火曜日
twitter: @miya0001
12年8月28日火曜日
ブログ: http://firegoby.jp/
12年8月28日火曜日
今日お話すること
12年8月28日火曜日
✓ WP Boosterって?
✓ CDNってなによ?
✓ WP Booster CDN クライアントプラグインの仕様について
✓ 大質問大会(時間があれば)
12年8月28日火曜日
WP Boosterってなに?
12年8月28日火曜日
http://ja.wpbooster.net/
12年8月28日火曜日
✓ デジタルキューブで7/1にローンチした、WordPressの高速化サービス
✓ 今後複数のアプローチによる高速化サービスを提供する予定。
✓ 第一弾はCDN。
12年8月28日火曜日
8/8から正式サービスを開始しました。
12年8月28日火曜日
キャッシュの数
679,500個
12年8月28日火曜日
総トラフィック
24,761,940
12年8月28日火曜日
総転送量
433GB
12年8月28日火曜日
そしてビッグニュース!
12年8月28日火曜日
WP Boosterが、
AWSスタートアップチャレンジジャパンステージに
エントリーされました!
12年8月28日火曜日
✓ ここでトップ3に入ると、ラスベガスでの準決勝に招待されます。
✓ まずはラスベガス目指してがんばりますっ!
クミチョウ38才 オス
俺が発表するぜ
12年8月28日火曜日
CDNってなによ?
12年8月28日火曜日
ContentsDeliveryNetwork
12年8月28日火曜日
✓ 画像やCSSなど静的なファイルを配信するために最適化されたネットワーク
12年8月28日火曜日
✓ たとえばWP Boosterでは。‣ 世界中に配置された33箇所のエッジロケーションからユーザーにもっとも近いサーバーを自動的に選択し、コンテンツを配信。
‣ 各エッジロケーションにはさらに複数のウェブサーバー。
‣ 日本国内には、東京、大阪。
‣ 最適化されたキャッシュコントロール
‣ 圧倒的なバックボーン
12年8月28日火曜日
✓ たとえばリバースプロキシやキャッシュ系のプラグインは、php(WordPress)の処理を省略して高速化するための技術。
12年8月28日火曜日
✓ CDNは、コンテンツの配信そのものを高速化して体感速度を向上させる技術。
✓ サーバーのネットワーク負荷も下がります。
✓ CPUやメモリの節約にはあんまり効果がない。
12年8月28日火曜日
✓ というわけで、ここで実際にWP Boosterの威力をみせちゃいましょう!
bit.ly/booster-demo
12年8月28日火曜日
セットアップのデモ
12年8月28日火曜日
手順は超簡単!
1.め組ペイメントにサインアップ(100ポイント無料) (http://payment.digitalcube.jp/)2.WP Boosterにログイン (http//ja.wpbooster.net/)3.セットアップ
12年8月28日火曜日
pingdomによる計測結果
12年8月28日火曜日
12年8月28日火曜日
12年8月28日火曜日
CDNはなんで早くなる?
12年8月28日火曜日
エッジロケーションサーバーがエライ!
12年8月28日火曜日
✓ 世界中に配置されたエッジロケーションサーバーからユーザーに最も近いサーバーを自動的に選択して、コンテンツを配信。
✓ 関東の人がサイトにアクセス => 東京のサーバーから配信
✓ 関西の人がサイトにアクセス => 大阪のサーバーから配信
12年8月28日火曜日
Cookie フリー
12年8月28日火曜日
✓ WordPressはCookieを使います。
✓ ウェブブラウザは、Cookieがあると、リクエストの際にCookieを自動的に送信してきます。
✓ なんと、このCookieは画像やCSSに対しても、送ってしまいます。
12年8月28日火曜日
✓ たとえばひとつのページに50個の画像やCSSがある場合。
50☓4KB = 200KB!
こんなにたくさんの無駄なトラフィック!
12年8月28日火曜日
✓ でもドメインが変わるとCookieは送信されません。
✓ これはセキュリティ上の設計です。 = Same Origin Policy
✓ なのでCDNを使うとそれだけで通信料が減ります!
12年8月28日火曜日
同時接続数に対する制約
12年8月28日火曜日
✓ RFC(コンピューターのきまり)では、同じサーバーに対する同時接続はHTTP/1.1では、2個までと定められています。
実際にはChromeやfirefoxは、もうちょいいけるらしいです。(?)
12年8月28日火曜日
✓ この制限を超えるとブラウザは、直前のダウンロードが完了するまで待機します。
12年8月28日火曜日
✓ CDNを利用すると?‣ CDNは同じサーバーじゃない => ブラウザが可能な同時接続数が増える!
‣ コンテンツ配信も早い!
12年8月28日火曜日
以上の理由によりWP BoosterのCDNを使うと体感速度が劇的に上がっ
ちゃいます!
12年8月28日火曜日
実際の効果http://firegoby.jp/archives/3373
12年8月28日火曜日
12年8月28日火曜日
WP Booster CDNクライアントの仕様
12年8月28日火曜日
✓ WP Boosterでは、WordPressサイト内のCSSやJavaScript、画像などの静的ファイルのURLをCDN用のURLに変換します。
12年8月28日火曜日
12年8月28日火曜日
✓ テーマ及び子テーマの静的ファイル
✓ プラグイン内の静的ファイル
✓ カスタム背景及びカスタムヘッダー画像
✓ メディアアップローダーでアップロードした画像
変換対象
12年8月28日火曜日
WP Boosterがトラブったらどうなるの?
12年8月28日火曜日
✓ WP Boosterでは、APIのトラブルやユーザーのみなさんのポイント切れの際には、何も仕事しない仕様になっています。
✓ またエッジロケーションサーバーは複数のリージョンで供給されており、それぞれのリージョンで多重化しています。
12年8月28日火曜日
✓ つまり、不具合等でリンク切れを起こすことは、ほとんど考えられない上に、プラグインを無効化するだけで、もとに戻すことが可能です。
12年8月28日火曜日
費用は?
12年8月28日火曜日
✓ 50,000PV/月のサイトで月額700円ぐらいを想定しています。
✓ ただし画像の数やサイズにより変動があります。
12年8月28日火曜日
クラウド破産がこわい!
12年8月28日火曜日
✓ だから前金のポイント制!リスクはこの人がかぶりますっ!
クミチョウ38才 オス
俺にまかせろ!
12年8月28日火曜日
WP Booster今後の展開
12年8月28日火曜日
✓ 超トラフィックが多いサイト向けに、定額での提供を行います。(現在の従量プランより割引します。)
12年8月28日火曜日
✓ ストリーミングも対応したい!
✓ CSSやJavaScriptのminifyへの対応。
✓ 画像の最適化。
✓ その他いろいろ企んでいます。
12年8月28日火曜日
ありがとうございました。
12年8月28日火曜日