AmebaとCDNのお付き合いの歴史 / ameba cdn waiwai

AmebaとCDNのお付き合いの歴史 / ameba cdn waiwai

8fb59fed9746bdd17954eacc2e1aab5b?s=128

kakerukaeru

January 31, 2019
Tweet

Transcript

  1. AmebaとCDNの お付き合いの歴史 IT infra Summit 2010 01/31 iwanaga kakeru @kakerukaeru

  2. どうにゅう

  3. アメーバって 2004年にサービス開始 ユーザー投稿もあるが 参照メインのメディアサービス アメーバブログ こえのぶろぐ アメーバニュース

  4. アメーバって 2004年にサービス開始 ユーザー投稿もあるが 参照メインのメディアサービス アメーバブログ こえのぶろぐ アメーバニュース

  5. ところで

  6. 遅いサイトが 好きな人はあまりいない はず...

  7. Performance & Capacityに 関する留意事項

  8. Performance Using page speed in mobile search ranking https://bit.ly/2Dt5Plz

  9. Performance User-centric Performance Metrics https://bit.ly/2HVcwvP

  10. Performance

  11. Performance Performance Metricsと メディア指標は紐づく 表示速度 -> PV/session 表示速度 -> 直帰率

  12. Capacity 突発的なAccessを 予測することは不可能 originのスケールで 間に合うのかも不明

  13. CDNで寄与する

  14. CDN is... • Content Delivery Network ◦ Cache https://en.wikipedia.org/wiki/Content_delivery_network

  15. CDN is... • Content Delivery Network ◦ Cache ◦ Dynamic

    Site Acceleration ◦ Security ◦ etc… ▪ Next protocol ▪ ImageOptimize ▪ Edge Cloud • programmable https://en.wikipedia.org/wiki/Content_delivery_network
  16. CDN is... • Cache ◦ Performance/capacity ▪ mod HTTP parameter

    • Header • path • protocol ▪ purge
  17. CDN is... • Dynamic Site Acceleration ◦ TCP Optimize ◦

    Routing Optimize ◦ TLS Termination ◦ Two-stage Edge ◦ Content compression https://blogs.akamai.com/jp/2017/05/bestpractice-web-perfromance0 https://docs.fastly.com/ja/guides/performance-tuning/shielding
  18. CDN is... • Security ◦ DDoS ◦ WAF ◦ Bot

    ◦ Security update https://twitter.com/FastlyJapan/status/1026682331547852800
  19. CDN is... • etc... ◦ CDN会社が深く関わるWeb標準 ▪ ESI / HTTP/2

    / QUIC ◦ Internet-Draft ▪ Cache Digest ▪ Early Hints ▪ Variants ▪ etc...
  20. CDN is... • Edge Cloud ◦ programable Eege ▪ Edge

    Worker @akamai ▪ Lambda@edge @aws ▪ fastly vcl ▪ Cloudflare Workers ◦ wasm on Edge ▪ wasm on Cloudflare Workers ▪ Fastly Labs
  21. CDN is... • で、なんだっけ ◦ GSLB + proxy(極論) ◦ しかも、CDNで出来るLayerが

    どんどん上がってきている ◦ ので、Amebaも少しずつLayerを 上げてCDNと共に歩んできた 話をします
  22. 番外編

  23. AMP Accelerated Mobile Pages Project Google twitter Pinterest with AMP

    Cache https://www.ampproject.org
  24. AMP Accelerated Mobile Pages Project Google twitter Pinterest with AMP

    Cache
  25. Ameba の CDN の Journey

  26. 01 Cache assets Cache only 時代 愚直なCDN利用 +α CC: immutable

    / RFC8246 Brotli compression on Akamai
  27. 02 DSA Apple App Transport Security https://forums.developer.apple.com/thread/6767 TLS termination

  28. 02 DSA Connection 削減 tiered distribution enable keepalive new conn

    1/10000⤵ active con 1/10⤵ cpu usage 30% ⤵
  29. 03 misc Image Optimize ImageManager Akamai ImageOptimizer fastly 自社画像基盤の置き換え 〜30%の帯域削減効果見込み

    now deploying
  30. 03 misc Bot Manager @akamai 〜 20%のRequestがBotだと判明 不正アクセスやCTRへの 影響を計測中

  31. 04 Edge Cloud • programable CDN ◦ CI/CD with CircleCI

    ◦ test code with chai/mocha • log Base Realtime Monitoring ◦ logstream to Datadog
  32. 04 Edge Cloud • 全ResourcesへCDNを適用 ◦ 動的 & 静的 •

    normalize Cache Object ◦ Vary ◦ 1Cache Objectに 一つの意味のみ持たせる ▪ query/UA/method/Origin
  33. https://bit.ly/2S0zf2o 04 Edge Cloud with fastly

  34. • Server Push ◦ Critical Rendering Path • originをより堅牢に ◦

    stale-while-revalidate ◦ stale-if-error • origin HMAC認証 • custom error page from synthetic Response 04 Edge Cloud @ こえのぶろぐ
  35. まとめと今後について

  36. まとめと今後 • Performance & Capacityを 考える上でCDNは外せない • 全てのEndpointにCDNを ◦ originの関心事が減れば

    その分本質的な仕事ができる ◦ cpu Resourcesは あんまり 課金されない • CDNを入れる時は初期設計から必 ずCDNを見据えた形にする。