$30 off During Our Annual Pro Sale. View Details »
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
200
Azure CDN (Azure Front Door and CDN ) 使ってみた
0xfacad3
June 04, 2024
Tweet
Share
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
65
4.5k
Navigating Team Friction
lara
183
15k
Done Done
chrislema
181
16k
Side Projects
sachag
452
42k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
The Language of Interfaces
destraynor
154
24k
Site-Speed That Sticks
csswizardry
1
140
Large-scale JavaScript Application Architecture
addyosmani
510
110k
What's in a price? How to price your products and services
michaelherold
243
12k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
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を使うべきでないコンテンツがあるか調べたい まとめ