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,633 views

Published on

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

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,633
On SlideShare
0
From Embeds
0
Number of Embeds
1,260
Actions
Shares
0
Downloads
5
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

×