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.4k
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
780
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
650
Podcast over PWA
jxck
1
360
Yearly Web 2019
jxck
0
250
Other Decks in Technology
See All in Technology
人材育成分科会.pdf
_awache
4
230
SONiCのLinuxベースを活かしたZabbix監視
sonic
0
150
非エンジニアがClaudeと挑んだ「1ヶ月間プロダクト30本ノック」
askokc
0
480
RSA暗号を手計算したくなること、ありますよね?? (20260615_orestudy6_rsa)
thousanda
0
380
小さくはじめるSLI/SLO ~育てながら組織に定着させる実践知~ / Starting Small with SLI/SLOs: Building Adoption Through Continuous Growth
nari_ex
7
1.9k
Chainlitで作るお手軽チャットUI
ynt0485
0
240
Claude Codeをどのように キャッチアップしているか
oikon48
12
7.9k
機械学習を「社会実装」するということ 2026年夏版 / Social Implementation of Machine Learning June 2026 Version
moepy_stats
5
2.4k
ACE-Step-1.5で見る 音楽生成AIのしくみと“破綻だけ直す”Retake機能の開発【zennfes spring 2026 登壇資料】
personabb
1
410
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か? / Is it true that “the more you divide AI agents, the better”?
brainpadpr
1
370
アンオフィシャルな、オフィシャルからのお願い
wyamazak_devrel
0
100
エンジニアリング戦略の作り方 / Crafting Engineering Strategy
iwashi86
21
6.9k
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
The browser strikes back
jonoalderson
0
1.2k
Music & Morning Musume
bryan
47
7.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
200
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
230
Java REST API Framework Comparison - PWX 2021
mraible
34
9.4k
Abbi's Birthday
coloredviolet
2
8.1k
How to make the Groovebox
asonas
2
2.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
What does AI have to do with Human Rights?
axbom
PRO
1
2.2k
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