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
1
8.3k
cdn_study
intro about #cdn_study
https://http2study.connpass.com/event/81469/
Jxck
April 13, 2018
Tweet
Share
More Decks by Jxck
See All by Jxck
IE Graduation (IE の功績を讃える)
jxck
22
16k
IE Graduation Certificate
jxck
6
6.2k
RFC 9111: HTTP Caching
jxck
1
750
tc39_study_2
jxck
1
13k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1.2k
Web Components 元年 v3 / Web Components first year v3
jxck
1
1.1k
Periodic Background Sync
jxck
0
620
Podcast over PWA
jxck
1
320
Yearly Web 2019
jxck
0
230
Other Decks in Technology
See All in Technology
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
kekke_n
1
350
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
n11sh1
0
120
15 years with Rails and DDD (AI Edition)
andrzejkrzywda
0
170
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.1k
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
120
プロポーザルに込める段取り八分
shoheimitani
1
170
Data Hubグループ 紹介資料
sansan33
PRO
0
2.7k
月間数億レコードのアクセスログ基盤を無停止・低コストでAWS移行せよ!アプリケーションエンジニアのSREチャレンジ💪
miyamu
0
800
Context Engineeringの取り組み
nutslove
0
280
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
440
入社1ヶ月でデータパイプライン講座を作った話
waiwai2111
1
240
MySQLのJSON機能の活用術
ikomachi226
0
150
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
400
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
55
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
80
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
200
Code Reviewing Like a Champion
maltzj
527
40k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Practical Orchestrator
shlominoach
191
11k
Between Models and Reality
mayunak
1
180
The SEO Collaboration Effect
kristinabergwall1
0
350
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
250
Prompt Engineering for Job Search
mfonobong
0
160
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