Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
cdn_study
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
17k
IE Graduation Certificate
jxck
6
6.3k
RFC 9111: HTTP Caching
jxck
1
840
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.2k
Periodic Background Sync
jxck
0
680
Podcast over PWA
jxck
1
380
Yearly Web 2019
jxck
0
260
Other Decks in Technology
See All in Technology
ブラウザとサーバーから考えるAI時代のフロントエンド監視
shogo4131
3
870
脆弱性診断って、何をしているの? 〜弱点を見つけて、会社の改善につなげるまで〜
keeg
0
880
ソフトウェア ファクトリー - 再現性のあるソフトウェアの工場づくり / Software factory
iktakahiro
1
550
ゲームのリアルタイム通信から見た QUIC と MoQ
segadevtech
0
110
DGX Spark でどこまでハッキングができるのか?
kash1064
0
1.1k
大型犬好きによるPugの紹介
yamanoku
1
150
go-sqletch
moznion
0
140
実体験から学ぶ分析エージェントの開発と運⽤
recruitengineers
PRO
8
2.2k
分析の民主化を支えるメタデータ整備の実践
kakehashi
PRO
4
1.3k
FactoryBotアンチパターン / factory_bot anti-patterns
toshimaru
0
150
Persisting Massive Data with Rails ~Designing for 60 billion rows, and fighting the bottlenecks~ Railsで挑む大量データ永続化 〜600億件を永続化するための設計とボトルネックとの戦い〜
occhi
0
450
Deep Data Security 機能解説
oracle4engineer
PRO
2
800
Featured
See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
450
We Are The Robots
honzajavorek
0
400
Designing for humans not robots
tammielis
254
26k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
750
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
930
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1k
What does AI have to do with Human Rights?
axbom
PRO
1
2.4k
The SEO identity crisis: Don't let AI make you average
varn
0
590
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
710
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
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