Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
cdn_study
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Jxck
April 13, 2018
Technology
8.5k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
cdn_study
intro about #cdn_study
https://http2study.connpass.com/event/81469/
Jxck
April 13, 2018
More Decks by Jxck
See All by Jxck
IE Graduation (IE の功績を讃える)
jxck
22
16k
IE Graduation Certificate
jxck
6
6.3k
RFC 9111: HTTP Caching
jxck
1
790
tc39_study_2
jxck
1
14k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1.3k
Web Components 元年 v3 / Web Components first year v3
jxck
1
1.1k
Periodic Background Sync
jxck
0
660
Podcast over PWA
jxck
1
360
Yearly Web 2019
jxck
0
250
Other Decks in Technology
See All in Technology
LiDAR SLAMの実装とセンサ融合 ~Lie群からContinuous-Time LIOまで~
naokiakai
1
1k
テスト設計の本質を改めて考えてみる~生成AIを活用する時代だからこそ、作ったテストの説明性を高めよう~
yamasaki696
1
410
SRE Lounge Hiroshimaへの招待
grimoh
0
550
完全自律ロボットを作りたくて、先に開発を自律させた話(ROS Japan UG #63 LT)
rryz09
0
440
AI駆動開発におけるQAエンジニアの役割事例 〜AI駆動開発の現場から〜
kobayashiyorimitsu
0
420
スタートアップにおけるアジャイルの実践について #shibuyagile
murabayashi
3
2.1k
実装だけじゃない! CCA-F取得エンジニアが教えるClaude Code開発プロセス活用術
diggymo
2
490
ZOZOTOWNの進化と信頼性を両立する負荷試験
zozotech
PRO
1
150
「ちゃんとやっている」は独りよがりだった ― 不安に寄り添うインシデント対応へ / Towards incident response that addresses anxieties
chmikata
1
4.3k
最近評価が難しくなった
maroon8021
0
260
プロンプト_きのこカンファレンス2026_LT
yurufuwahealer
0
150
Keeping applications secure by evolving OAuth 2.0 and OpenID Connect
ahus1
PRO
1
150
Featured
See All Featured
The Mindset for Success: Future Career Progression
greggifford
PRO
0
410
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Building Adaptive Systems
keathley
44
3.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Agile that works and the tools we love
rasmusluckow
331
22k
First, design no harm
axbom
PRO
2
1.2k
Producing Creativity
orderedlist
PRO
348
40k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Transcript
#cdn_study #cdn_study 2018/4/13 Jxck
最適化の原則(bit.ly/2H0pjfS) 2 • なるべく近く ◦ Edge Cache が物理的に近ければ ◦ 数が正義
(ex, ISP レベル) • なるべく少なく ◦ Hosted Libs (ex, code.jquery.com) ◦ 同じ URL が使われることでキャッシュを再利用 • なるべく小さく ◦ 圧縮転送、画像/動画リフォーマット ◦ AMP CDN
CDN の変遷(主観) 3
4 Good Old CDN • Edge 数こそ正義(なるべく近く) • ISP レベルでのエッジの拡散
• 責務自体は単純なキャッシュ
5 Hosted Libs • リクエストが減る(なるべく少なく) • みんなが同じ URL を使うことが重要 •
別のサイトのキャッシュを再利用 • ex) ◦ code.jquery.com ◦ ajax.aspnetcdn.com ◦ cdnjs.cloudflare.com ◦ data.jsdelivr.com
6 Cloud CDN • Cloud Service (IaaS) • 他サービス連携 •
一括管理 • 一括課金 • ex) ◦ AWS Cloud Front ◦ Google Cloud CDN ◦ Azure CDN ◦ etc
7 AMP CDN • CDN が中心 ◦ CDN と相性の良いコンテンツフォーマット ◦
サーチエンジン側で解決 • URL が CDN のものに ◦ URL が https://google.com/amp 問題 ◦ オリジンにリクエストすら飛ばない ◦ (WIP) Signed HTTP Exchange
8 標準化への影響 • Server かつ Client という稀有なポジション • CDN だからこその視点
• 仕様 ◦ HTTP Variants ◦ Signed HTTP Exchange ◦ Secondary Certificate Authentication in HTTP/2 ◦ etc
9 Functional CDN • Live Video • Video on demand
• Image Optimize • DNS • WAF • Anti DDoS • https://www.cdnplanet.com/
10 Edge Side Computing • Edge Side Includes (akamai) •
VCL (fastly) • lambda@Edge (aws) • Service Worker (cloudflare) NEW
11 CDN が前提になりつつある今 • 多様な責務 ◦ パフォーマンス ◦ セキュリティ面 ◦
ネットワークコスト面 ◦ 便利機能面
12 CDN の世界観がどんどん変わってる • 何がおこっているのか • どうなっていくのか • 中の人に聞いて見よう
Jack thanks