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
Azure CDN (Azure Front Door and CDN ) 使ってみた
Search
0xfacad3
June 04, 2024
0
190
Azure CDN (Azure Front Door and CDN ) 使ってみた
0xfacad3
June 04, 2024
Tweet
Share
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
50
7.2k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Building Your Own Lightsaber
phodgson
103
6.1k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Designing for Performance
lara
604
68k
Making Projects Easy
brettharned
115
5.9k
Designing for humans not robots
tammielis
250
25k
Building Applications with DynamoDB
mza
90
6.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Transcript
@ Yoshinari Kugimiya 1 Azure CDN (Azure Front Door and
CDN ) 使ってみた 釘宮由成
@ Yoshinari Kugimiya 2 • 自己紹介 • CDNとは • AzureのCDNサービス
• 検証方法 • 検証結果 • まとめ LTの流れ
@ Yoshinari Kugimiya 3 自己紹介 釘宮由成 (Kugimiya Yoshinari) - 新卒エンジニア
九工大卒 22 - 在学中 Start Up でエンジニアやっていました - 今年から株式会社オルターブースに入社 趣味 - 設計とエンジニアリングについて学ぶ - 楽しい事を探すこと - New 身近なOSSの脆弱性を調べる
@ Yoshinari Kugimiya 4 CDN(コンテンツ配信ネットワーク)とは、エンドユーザーの近くでコンテンツをキャッ シュする地理的に分散したサーバー群です。 CDNを使用すると、HTMLページ、JavaScriptファイル、スタイルシート、画像、動画 を含むインターネットコンテンツの読み込みに必要となるアセットを素早く転送するこ とができるようになります。 ※
引用:CDNとは | CDNの仕組みとメリット | Cloudflare CDNとは
@ Yoshinari Kugimiya 5 本当に早くなるのか?
@ Yoshinari Kugimiya 6 計測しよう。
@ Yoshinari Kugimiya 7 Azure の CDN サービス Azure Front
Door and CDN に含まれ るリソースとして存在する。 Azure CDN - Azure | Microsoft Learn プラントと使い分けについてはこちら。 Compare Azure CDN product features | Microsoft Learn
@ Yoshinari Kugimiya 8 Azure CDN , Azure Blob Strage
でそれぞれ同じ画像を配信し、それらを含んだコン テンツ(Web) にアクセスすることで、ダウンロード速度を比較する。 検証方法
@ Yoshinari Kugimiya 9 検証方法 Heavy 3.3 MB Light 8.8
KB 次のようなサイズの画像をAzure CDN , Azure Blob Strageでそれぞれ配信し、それら にアクセスした際の挙動を確認する。
@ Yoshinari Kugimiya 10 結果を表にまとめる時間がなかったので 検証結果 デモをします!!
@ Yoshinari Kugimiya 11 参加型デモ もしよければお手元でもどうぞ。 LT終わり次第消す予定です。 → 削除済み 検証結果
Proxy サーバー (Port: 8080) - East US 192.0.2.0 - Germany West Central 192.0.2.1 Web URL の QR
@ Yoshinari Kugimiya 12 結果からみると • 画像のサイズ問わず、早かったり遅かったり • Azure Blob
Strage の配信が強いからか差があまりない? 今後やりたいこと • 他のCDNサービスとの比較をしたい • 料金比較(通信料等)も行いたい • 圧縮を利用した方がいい場合を調べたい • CDNを使うべきでないコンテンツがあるか調べたい まとめ