Heroku Addons “Fastly”
TOEIC Ninja & CDN Engineer
Toshi Aizawa
@ToshiAizawa
Heroku Meetup #15
“Heroku Ninja”
Feb 22, 2017
© 2017 All rights ReservedThe Future of Content Delivery
Introduction: @ToshiAizawa
Fastly
Systems Engineer
(Tokyo)
2
© 2017 All rights ReservedThe Future of Content Delivery
More introduction: @ToshiAizawa
TOEIC Ninja
3
TOEIC Ninja
10 seconds
The Web site of Heroku
Postal Services typically
loads very -------.
(A) fasten
(B) faster
(C) fastly
(D) fast
The Web site of Heroku
Postal Services typically
loads very -------.
(A) fasten
(B) faster
(C) fastly
(D) fast
© 2017 All rights ReservedThe Future of Content Delivery
Latest publication: @ToshiAizawa
8
Fastly?
© 2017 All rights ReservedThe Future of Content Delivery
Fastly is a CDN
10
1. Cloud Native
2. Fastly Fast
3. Real-Time
© 2017 All rights ReservedThe Future of Content Delivery
Fastly is a CDN
11
1. API Everything
2. Transparent and Open
3. Easier to use
© 2017 All rights ReservedThe Future of Content Delivery
Cloud-Native CDN
12
1. Modern, New Architecture
2. Higher Cache Hit Rate
3. Faster Site Acceleration
© 2017 All rights ReservedThe Future of Content Delivery
Fast CDN
13
1. Purges (~150 ms)
2. Configuration changes (~5 sec)
3. Real-time reporting and logging
(in seconds)
© 2017 All rights ReservedThe Future of Content Delivery
Real-Time CDN
14
1. Purges (~150 ms)
2. Configuration changes (~5 sec)
3. Real-time reporting and logging
(in seconds)
© 2017 All rights ReservedThe Future of Content Delivery
Real-Time CDN
15
Demo
© 2017 All rights ReservedThe Future of Content Delivery
画像・サイトが遅い
17
$ heroku addons:create fastly:quick ¥
--app toshiaizawa-go
$ heroku config --app toshiaizawa-go
=== toshiaizawa-go Config Vars
FASTLY_API_KEY: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
FASTLY_CDN_URL: toshiaizawa-go-herokuapp-
com.global.ssl.fastly.net
FASTLY_SERVICE_ID: 6fatlBK8HRQsLPlRw9MaC4
See Dev Center article:
https://devcenter.heroku.com/articles/fastly
© 2017 All rights ReservedThe Future of Content Delivery
Installing Fastly Heroku addon
18
© 2017 All rights ReservedThe Future of Content Delivery
Some more config (demo)
19
Publish this at http://deruoto.com
1. Add a “domain” to config
2. Make a DNS change
(CNAME or Anycast)
1. Try “Fastly” Plugin
2. Talk to me for any questions
3. Slides posted at: (slideshare)
© 2017 All rights ReservedThe Future of Content Delivery
Lastly…
20
Thank you!
@ToshiAizawa

Heroku Addons "Fastly"

  • 1.
    Heroku Addons “Fastly” TOEICNinja & CDN Engineer Toshi Aizawa @ToshiAizawa Heroku Meetup #15 “Heroku Ninja” Feb 22, 2017
  • 2.
    © 2017 Allrights ReservedThe Future of Content Delivery Introduction: @ToshiAizawa Fastly Systems Engineer (Tokyo) 2
  • 3.
    © 2017 Allrights ReservedThe Future of Content Delivery More introduction: @ToshiAizawa TOEIC Ninja 3 TOEIC Ninja
  • 5.
  • 6.
    The Web siteof Heroku Postal Services typically loads very -------. (A) fasten (B) faster (C) fastly (D) fast
  • 7.
    The Web siteof Heroku Postal Services typically loads very -------. (A) fasten (B) faster (C) fastly (D) fast
  • 8.
    © 2017 Allrights ReservedThe Future of Content Delivery Latest publication: @ToshiAizawa 8
  • 9.
  • 10.
    © 2017 Allrights ReservedThe Future of Content Delivery Fastly is a CDN 10
  • 11.
    1. Cloud Native 2.Fastly Fast 3. Real-Time © 2017 All rights ReservedThe Future of Content Delivery Fastly is a CDN 11
  • 12.
    1. API Everything 2.Transparent and Open 3. Easier to use © 2017 All rights ReservedThe Future of Content Delivery Cloud-Native CDN 12
  • 13.
    1. Modern, NewArchitecture 2. Higher Cache Hit Rate 3. Faster Site Acceleration © 2017 All rights ReservedThe Future of Content Delivery Fast CDN 13
  • 14.
    1. Purges (~150ms) 2. Configuration changes (~5 sec) 3. Real-time reporting and logging (in seconds) © 2017 All rights ReservedThe Future of Content Delivery Real-Time CDN 14
  • 15.
    1. Purges (~150ms) 2. Configuration changes (~5 sec) 3. Real-time reporting and logging (in seconds) © 2017 All rights ReservedThe Future of Content Delivery Real-Time CDN 15
  • 16.
  • 17.
    © 2017 Allrights ReservedThe Future of Content Delivery 画像・サイトが遅い 17
  • 18.
    $ heroku addons:createfastly:quick ¥ --app toshiaizawa-go $ heroku config --app toshiaizawa-go === toshiaizawa-go Config Vars FASTLY_API_KEY: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FASTLY_CDN_URL: toshiaizawa-go-herokuapp- com.global.ssl.fastly.net FASTLY_SERVICE_ID: 6fatlBK8HRQsLPlRw9MaC4 See Dev Center article: https://devcenter.heroku.com/articles/fastly © 2017 All rights ReservedThe Future of Content Delivery Installing Fastly Heroku addon 18
  • 19.
    © 2017 Allrights ReservedThe Future of Content Delivery Some more config (demo) 19 Publish this at http://deruoto.com 1. Add a “domain” to config 2. Make a DNS change (CNAME or Anycast)
  • 20.
    1. Try “Fastly”Plugin 2. Talk to me for any questions 3. Slides posted at: (slideshare) © 2017 All rights ReservedThe Future of Content Delivery Lastly… 20
  • 21.