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
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
The Language of Interfaces
destraynor
154
24k
YesSQL, Process and Tooling at Scale
rocio
169
14k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Happy Clients
brianwarren
98
6.7k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Six Lessons from altMBA
skipperchong
27
3.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
GraphQLとの向き合い方2022年版
quramy
43
13k
Statistics for Hackers
jakevdp
796
220k
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を使うべきでないコンテンツがあるか調べたい まとめ