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

WP Boosterの裏側

3,717 views

Published on

WordBeach 2012で使用した資料です。

Published in: Technology
  • Be the first to comment

WP Boosterの裏側

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

×