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 + Speed of CDN (WordCamp Tokyo 2015 LT)

WordCamp Tokyo 2015のLightning Talkセッションのスライドです。
https://tokyo.wordcamp.org/2015/session/lt/

  • Login to see the comments

WordPress + Speed of CDN (WordCamp Tokyo 2015 LT)

  1. 1. WordPress + Speed of CDN 英語講師/ファストリー   相澤俊幸   WordCamp  Tokyo  2015   Lightning  Talk  10/31/2015
  2. 2. © 2015 All rights Reserved The Future of Content Delivery 自己紹介 英語講師(TOEIC満点) ファストリー株式会社 セールスエンジニア 2  
  3. 3. 困ってませんか?
  4. 4. © 2015 All rights Reserved The Future of Content Delivery 英語公用語化? 4  
  5. 5. © 2015 All rights Reserved The Future of Content Delivery 画像・サイトが遅い 5  
  6. 6. © 2015 All rights Reserved The Future of Content Delivery ファイルのダウンロード不可 6  
  7. 7. © 2015 All rights Reserved The Future of Content Delivery 7  
  8. 8. CDN Content Delivery Network コンテンツ配信ネットワーク
  9. 9. © 2015 All rights Reserved The Future of Content Delivery 9   グローバルなキャッシュサーバー群を経由して
  10. 10. © 2015 All rights Reserved The Future of Content Delivery 10   あなたのウェブコンテンツを配信
  11. 11. 速い! サクサク配信 インフラのオフロード!
 (コストダウン&落ちない) © 2015 All rights Reserved The Future of Content Delivery CDNのメリット 11  
  12. 12. CDN活用例
  13. 13. Vanilla
 1.  Jetpack (plugin) 2.  CloudFront (CDN) 
 + W3 Total Cache (plugin) 3.  Fastly (CDN) 
 + Fastly WP plugin © 2015 All rights Reserved The Future of Content Delivery CDN活用 3パターン+1 13  
  14. 14. © 2015 All rights Reserved The Future of Content Delivery Vanilla WordPress (vanilla.toshiaizawa.com) GCE (Google Compute Engine@TW) ※CDNなし 14  
  15. 15. © 2015 All rights Reserved The Future of Content Delivery WordPress w/Jetpack-Photon (jetpack.toshiaizawa.com) GCE + Jetpack (photon=WP.com CDN) 15  
  16. 16. © 2015 All rights Reserved The Future of Content Delivery WordPress w/Jetpack-Photon (jetpack.toshiaizawa.com) GCE + Jetpack (photon=WP.com CDN) 導入カンタン+コスト無料 16  
  17. 17. © 2015 All rights Reserved The Future of Content Delivery WordPress w/Jetpack-Photon (jetpack.toshiaizawa.com) GCE + Jetpack (photon=WP.com CDN) http://i0.wp.com/jetpack.toshiaizawa.com/ wp-content/uploads/…….-225x300.jpg 17  
  18. 18. © 2015 All rights Reserved The Future of Content Delivery WordPress w/W3 Total Cache plugin
 (w3totalcache.toshiaizawa.com) GCE + W3TC + CDN (今回はCloudFront) AWS CloudFront 18  
  19. 19. © 2015 All rights Reserved The Future of Content Delivery WordPress w/W3 Total Cache plugin
 (w3totalcache.toshiaizawa.com) GCE + W3TC + CDN (今回はCloudFront) AWS CloudFront 柔軟+CDNは別途調達 19  
  20. 20. © 2015 All rights Reserved The Future of Content Delivery WordPress w/W3 Total Cache plugin
 (w3totalcache.toshiaizawa.com) GCE + W3TC + CDN (今回はCloudFront) AWS CloudFront http://d162gm0qlk5ie7.cloudfront.net/ wp-content/uploads/…. -225x300.jpg 20  
  21. 21. © 2015 All rights Reserved The Future of Content Delivery WordPress w/Fastly WP plugin (fastly.toshiaizawa.com) GCE + Fastly (CDN+plugin) 21  
  22. 22. © 2015 All rights Reserved The Future of Content Delivery WordPress w/Fastly WP plugin (fastly.toshiaizawa.com) GCE + Fastly (CDN+plugin) ワンストップ+ページもキャッシュ可 22  
  23. 23. © 2015 All rights Reserved The Future of Content Delivery WordPress w/Fastly WP plugin (fastly.toshiaizawa.com) GCE + Fastly (CDN+plugin) http://fastly.toshiaizawa.com/….. 画像もページもまるっとCDN配信! 23  
  24. 24. 効果は?
  25. 25. © 2015 All rights Reserved The Future of Content Delivery 比較計測結果(ページの平均読込時間) 25   ■ fastly http://fastly.toshiaizawa.com ■ jetpack http://jetpack.toshiaizawa.com ■ vanilla http://vanilla.toshiaizawa.com ■ w3tc http://w3totalcache.toshiaizawa.com をCatchpoint社ラストマイルノード(日本国内5箇所)にてページ読込時間を比較計測
  26. 26. © 2015 All rights Reserved The Future of Content Delivery 比較計測結果(ファイル単体の平均読込時間) 26   ■ fastly ■ jetpack ■ vanilla ■ w3tc 上の48KBのPNGファイルの読込時間を Catchpoint社ラストマイルノード(日本国内5箇所)より比較計測
  27. 27. •  CDNでパフォーマンス向上(サクサク配信) •  CDNでインフラのオフロード
 (コスト削減!サイトが落ちない!) •  WordPress+CDN選択肢多数。中でもFastlyをオススメ Fastlyなら、あります! 1.  WordPressプラグイン 2.  リアルタイム機能(パージ・レポーティング等) 3.  無料デベロッパーアカウント © 2015 All rights Reserved The Future of Content Delivery まとめ 27  
  28. 28. Thank you! fastly.com/signup @ToshiAizawa

×