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日火曜日

✓ ここでトップ３に入ると、ラスベガスでの準決勝に招待されます。

✓ まずはラスベガス目指してがんばりますっ！

クミチョウ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日火曜日