cdn_study

intro about #cdn_study
https://http2study.connpass.com/event/81469/

Transcript

1. #cdn_study
   #cdn_study 2018/4/13 Jxck
   

   View Slide

2. 最適化の原則(bit.ly/2H0pjfS)
   2
   ● なるべく近く
   ○ Edge Cache が物理的に近ければ
   ○ 数が正義 (ex, ISP レベル)
   ● なるべく少なく
   ○ Hosted Libs (ex, code.jquery.com)
   ○ 同じ URL が使われることでキャッシュを再利用
   ● なるべく小さく
   ○ 圧縮転送、画像/動画リフォーマット
   ○ AMP CDN
   

   View Slide

3. CDN の変遷(主観)
   3
   

   View Slide

4. 4
   Good Old CDN
   ● Edge 数こそ正義(なるべく近く)
   ● ISP レベルでのエッジの拡散
   ● 責務自体は単純なキャッシュ
   

   View Slide

5. 5
   Hosted Libs
   ● リクエストが減る(なるべく少なく)
   ● みんなが同じ URL を使うことが重要
   ● 別のサイトのキャッシュを再利用
   ● ex)
   ○ code.jquery.com
   ○ ajax.aspnetcdn.com
   ○ cdnjs.cloudflare.com
   ○ data.jsdelivr.com
   

   View Slide

6. 6
   Cloud CDN
   ● Cloud Service (IaaS)
   ● 他サービス連携
   ● 一括管理
   ● 一括課金
   ● ex)
   ○ AWS Cloud Front
   ○ Google Cloud CDN
   ○ Azure CDN
   ○ etc
   

   View Slide

7. 7
   AMP CDN
   ● CDN が中心
   ○ CDN と相性の良いコンテンツフォーマット
   ○ サーチエンジン側で解決
   ● URL が CDN のものに
   ○ URL が https://google.com/amp 問題
   ○ オリジンにリクエストすら飛ばない
   ○ (WIP) Signed HTTP Exchange
   

   View Slide

8. 8
   標準化への影響
   ● Server かつ Client という稀有なポジション
   ● CDN だからこその視点
   ● 仕様
   ○ HTTP Variants
   ○ Signed HTTP Exchange
   ○ Secondary Certificate Authentication in HTTP/2
   ○ etc
   

   View Slide

9. 9
   Functional CDN
   ● Live Video
   ● Video on demand
   ● Image Optimize
   ● DNS
   ● WAF
   ● Anti DDoS
   ● https://www.cdnplanet.com/
   

   View Slide

10. 10
    Edge Side Computing
    ● Edge Side Includes (akamai)
    ● VCL (fastly)
    ● lambda@Edge (aws)
    ● Service Worker (cloudflare) NEW
    

    View Slide

11. 11
    CDN が前提になりつつある今
    ● 多様な責務
    ○ パフォーマンス
    ○ セキュリティ面
    ○ ネットワークコスト面
    ○ 便利機能面
    

    View Slide

12. 12
    CDN の世界観がどんどん変わってる
    ● 何がおこっているのか
    ● どうなっていくのか
    ● 中の人に聞いて見よう
    

    View Slide

13. Jack
    thanks
    

    View Slide