WordPress + Speed of CDN (WordCamp Tokyo 2015 LT)

WordPress + Speed of CDN 英語講師／ファストリー

相澤俊幸

WordCamp Tokyo 2015 Lightning Talk 10/31/2015

© 2015 All rights Reserved The Future of Content Delivery

自己紹介

英語講師（TOEIC満点）ファストリー株式会社セールスエンジニア

2

困ってませんか？

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


画像・サイトが遅い

5


ファイルのダウンロード不可

6

© 2015 All rights Reserved The Future of Content Delivery 7

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


グローバルなキャッシュサーバー群を経由して


あなたのウェブコンテンツを配信

速い！サクサク配信

インフラのオフロード！（コストダウン＆落ちない）


CDNのメリット

11

CDN活用例

Vanilla 1.  Jetpack (plugin) 2.  CloudFront (CDN)

+ W3 Total Cache (plugin) 3.  Fastly (CDN)

+ Fastly WP plugin


CDN活用３パターン＋1

13


Vanilla WordPress （vanilla.toshiaizawa.com）

GCE (Google Compute Engine＠TW） ※CDNなし

14


WordPress w/Jetpack-Photon (jetpack.toshiaizawa.com)

GCE + Jetpack (photon=WP.com CDN) 15



GCE + Jetpack (photon=WP.com CDN)

導入カンタン＋コスト無料

16



GCE + Jetpack (photon=WP.com CDN)

http://i0.wp.com/jetpack.toshiaizawa.com/wp-content/uploads/…….-225x300.jpg

17


WordPress w/W3 Total Cache plugin (w3totalcache.toshiaizawa.com)

GCE + W3TC + CDN (今回はCloudFront)

AWS CloudFront

18




AWS CloudFront

柔軟＋CDNは別途調達

19




AWS CloudFront

http://d162gm0qlk5ie7.cloudfront.net/ wp-content/uploads/…. -225x300.jpg

20


WordPress w/Fastly WP plugin (fastly.toshiaizawa.com)

GCE + Fastly (CDN+plugin) 21



GCE + Fastly (CDN+plugin)

ワンストップ＋ページもキャッシュ可

22



GCE + Fastly (CDN+plugin)

http://fastly.toshiaizawa.com/….. 画像もページもまるっとCDN配信！

23

効果は？


比較計測結果（ページの平均読込時間）

25

■ fastly http://fastly.toshiaizawa.com ■ jetpack http://jetpack.toshiaizawa.com ■ vanilla http://vanilla.toshiaizawa.com ■ w3tc http://w3totalcache.toshiaizawa.com をCatchpoint社ラストマイルノード（日本国内5箇所）にてページ読込時間を比較計測


比較計測結果（ファイル単体の平均読込時間）

26

■ fastly ■ jetpack ■ vanilla ■ w3tc 上の48KBのPNGファイルの読込時間を Catchpoint社ラストマイルノード（日本国内5箇所）より比較計測

•  CDNでパフォーマンス向上（サクサク配信）

•  CDNでインフラのオフロード

（コスト削減！サイトが落ちない！）

•  WordPress＋CDN選択肢多数。中でもFastlyをオススメ

Fastlyなら、あります！

1.  WordPressプラグイン

2.  リアルタイム機能（パージ・レポーティング等）

3.  無料デベロッパーアカウント © 2015 All rights Reserved The Future of Content Delivery

まとめ

27

Thank you!

fastly.com/signup

@ToshiAizawa

Internet

WordPress + Speed of CDN (WordCamp Tokyo 2015 LT)