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
450
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Azure CDN (Azure Front Door and CDN ) 使ってみた
0xfacad3
June 04, 2024
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
480
Claude Code のすすめ
schroneko
67
230k
The Limits of Empathy - UXLibs8
cassininazir
1
610
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.8k
Exploring anti-patterns in Rails
aemeredith
3
470
Deep Space Network (abreviated)
tonyrice
0
260
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
Abbi's Birthday
coloredviolet
3
9.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
990
Visualization
eitanlees
152
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を使うべきでないコンテンツがあるか調べたい まとめ