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

ITインフラSummit 2019｜日経 xTECH主催セミナーで喋ってきたやつです
https://project.nikkeibp.co.jp/event/xtechi190131p/

https://docs.google.com/presentation/d/1oIs2tUTt1u9vYDl_OgU62EPSk8lFMs9Z7EyQhynWL6o/edit?usp=sharing

Transcript

1. AmebaとCDNの お付き合いの歴史 IT infra Summit 2010 01/31 iwanaga kakeru @kakerukaeru
2. どうにゅう
3. アメーバって ２００４年にサービス開始 ユーザー投稿もあるが 参照メインのメディアサービス アメーバブログ こえのぶろぐ アメーバニュース
4. アメーバって ２００４年にサービス開始 ユーザー投稿もあるが 参照メインのメディアサービス アメーバブログ こえのぶろぐ アメーバニュース
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 ◦ １Cache 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を見据えた形にする。