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

1. WordPress + Speed of CDN
英語講師／ファストリー
相澤俊幸
WordCamp
Tokyo
2015
Lightning
Talk
10/31/2015

2. © 2015 All rights Reserved
The Future of Content Delivery
自己紹介
英語講師（TOEIC満点）
ファストリー株式会社
セールスエンジニア
2

3. 困ってませんか？

4. © 2015 All rights Reserved
The Future of Content Delivery
英語公用語化？ 4

5. © 2015 All rights Reserved
The Future of Content Delivery
画像・サイトが遅い
5

6. © 2015 All rights Reserved
The Future of Content Delivery
ファイルのダウンロード不可
6

7. © 2015 All rights Reserved
The Future of Content Delivery
7

8. CDN
Content Delivery Network
コンテンツ配信ネットワーク

9. © 2015 All rights Reserved
The Future of Content Delivery
9
グローバルなキャッシュサーバー群を経由して

10. © 2015 All rights Reserved
The Future of Content Delivery
10
あなたのウェブコンテンツを配信

11. 速い！ サクサク配信
インフラのオフロード！
（コストダウン＆落ちない）
© 2015 All rights Reserved
The Future of Content Delivery
CDNのメリット
11

12. CDN活用例

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活用 ３パターン＋1
13

14. © 2015 All rights Reserved
The Future of Content Delivery
Vanilla WordPress （vanilla.toshiaizawa.com）
GCE (Google Compute Engine＠TW）
※CDNなし
14

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. © 2015 All rights Reserved
The Future of Content Delivery
WordPress w/Jetpack-Photon (jetpack.toshiaizawa.com)
GCE + Jetpack (photon=WP.com CDN)
導入カンタン＋コスト無料
16

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. © 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. © 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. © 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. © 2015 All rights Reserved
The Future of Content Delivery
WordPress w/Fastly WP plugin (fastly.toshiaizawa.com)
GCE + Fastly (CDN+plugin)
21

22. © 2015 All rights Reserved
The Future of Content Delivery
WordPress w/Fastly WP plugin (fastly.toshiaizawa.com)
GCE + Fastly (CDN+plugin)
ワンストップ＋ページもキャッシュ可
22

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. 効果は？

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. © 2015 All rights Reserved
The Future of Content Delivery
比較計測結果（ファイル単体の平均読込時間）
26
■ fastly ■ jetpack ■ vanilla ■ w3tc 上の48KBのPNGファイルの読込時間を
Catchpoint社ラストマイルノード（日本国内5箇所）より比較計測

27. • CDNでパフォーマンス向上（サクサク配信）
• CDNでインフラのオフロード
（コスト削減！サイトが落ちない！）
• WordPress＋CDN選択肢多数。中でもFastlyをオススメ
Fastlyなら、あります！
1. WordPressプラグイン
2. リアルタイム機能（パージ・レポーティング等）
3. 無料デベロッパーアカウント
© 2015 All rights Reserved
The Future of Content Delivery
まとめ
27

28. Thank you!
fastly.com/signup
@ToshiAizawa