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
Jxck
April 13, 2018
Technology
1
8.1k
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
6k
RFC 9111: HTTP Caching
jxck
1
660
tc39_study_2
jxck
1
7.5k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1k
Web Components 元年 v3 / Web Components first year v3
jxck
1
1k
Periodic Background Sync
jxck
0
540
Podcast over PWA
jxck
0
240
Yearly Web 2019
jxck
0
170
Other Decks in Technology
See All in Technology
白金鉱業Meetup Vol.17_あるデータサイエンティストのデータマネジメントとの向き合い方
brainpadpr
7
990
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
460
Pwned Labsのすゝめ
ken5scal
0
140
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
230
表現を育てる
kiyou77
1
230
MIMEと文字コードの闇
hirachan
2
1.4k
1行のコードから社会課題の解決へ: EMの探究、事業・技術・組織を紡ぐ実践知 / EM Conf 2025
9ma3r
5
1.8k
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
120
2/18/25: Java meets AI: Build LLM-Powered Apps with LangChain4j
edeandrea
PRO
0
160
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
2
150
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
200
速くて安いWebサイトを作る
nishiharatsubasa
15
15k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
461
33k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Facilitating Awesome Meetings
lara
52
6.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Designing for Performance
lara
604
68k
Embracing the Ebb and Flow
colly
84
4.6k
It's Worth the Effort
3n
184
28k
Git: the NoSQL Database
bkeepers
PRO
427
65k
Raft: Consensus for Rubyists
vanstee
137
6.8k
A Philosophy of Restraint
colly
203
16k
Building an army of robots
kneath
303
45k
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