Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
サイト高速化のためのCloudFront導入と活用
Search
Shimizu Toshiya
November 30, 2022
0
860
サイト高速化のためのCloudFront導入と活用
Shimizu Toshiya
November 30, 2022
Tweet
Share
More Decks by Shimizu Toshiya
See All by Shimizu Toshiya
AKIBA.AWS #12 Cloudinaryで画像や動画配信を最適化しよう「デイリーポータルZでのCloudinary導入に向けての検証について」
shimizutoshiya
1
1k
「Web担当者Forum安田編集統括が訊く デイリーポータルZのサイトリニューアル裏話ぜんぶ」インフラ編 #dpz裏話
shimizutoshiya
0
2.7k
Developers.IO 2018「AWSのマネージドサービスを使ってはじめる動画配信」
shimizutoshiya
1
1.2k
AKIBA.AWS 第4回 基礎編 動画配信入門「AWSではじめるライブ動画配信入門」
shimizutoshiya
2
1.3k
AKIBA.aws 第1回 基礎編「AWSのDNS」 #akibaaws
shimizutoshiya
4
2.6k
re:Invent2016で発表された新サービス「AWS Batch」を使う想像をしてみた話 #cmdevio
shimizutoshiya
0
1.5k
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Scaling GitHub
holman
464
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Mobile First: as difficult as doing things right
swwweet
225
10k
Building Applications with DynamoDB
mza
96
6.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Transcript
αΠτߴԽͷͨΊͷ $MPVE'SPOUಋೖͱ׆༻ Ϋϥεϝιουגࣜձࣾ ਗ਼ਫढ़
ࣗݾհ ਗ਼ਫढ़ʢ͠Έͣͱ͠ʣ wΫϥεϝιουגࣜձࣾ w"84ࣄۀຊ෦ίϯαϧςΟϯά෦ wιϦϡʔγϣϯΞʔΩςΫτ w"84ͷಋೖࢧԉɺίϯαϧςΟϯά wલ৬ʹͯɺ͝Ζ͔Β$MPVE'SPOUΛར༻ͨ͠ ಈը৴αʔϏεͷ։ൃɾߏஙɾӡ༻ w݄͔ΒΫϥεϝιουʹ+0*/
࣍ "NB[PO$MPVE'SPOU֓ཁ $MPVE'SPOUͷಋೖ $MPVE'SPOUͷ׆༻ Ϣʔεέʔε
Amazon CloudFront֓ཁ
"NB[PO$MPVE'SPOU֓ཁ w"84ͷ$POUFOUT%FMJWFSZ/FUXPSL $%/ αʔϏε wϢʔβΛ࠷دΓͷΤοδαʔόʹ༠ಋ͢Δ͜ͱͰ৴ΛߴԽ wίϯςϯπΛΤοδαʔόͰΩϟογϡͯ͠ΦϦδϯෛՙݮ
"NB[PO$MPVE'SPOU֓ཁ
$MPVE'SPOUͷಛ wάϩʔόϧωοτϫʔΫʹΑΔߴԽɺ҆ఆԽ w΄͔ͷ"84αʔϏεͱͷߴ͍ੑ wηΩϡϦςΟػೳ w"844IJFMEʹΑΔ%%P4ରࡦ w"848"'ͱͷ࿈ܞ wϓϩάϥϜՄೳͳϑϧػೳ"1* wશैྔ՝੍ۚͰ͙͢ʹར༻Մೳ
CloudFrontͷಋೖ
$MPVE'SPOUͷಋೖ
ύεύλʔϯͰผͷΦϦδϯαʔόΛ͏ߏ
ඇ"84ڥʹ$MPVE'SPOUΛಋೖ
ύεύλʔϯͰผͷΦϦδϯαʔόΛ͏ߏ
$MPVE'SPOUͷྉۚʹ͍ͭͯ σʔλసૹΞτʢ(#͋ͨΓʣ w ϦΫΤετʢສ݅͋ͨΓʣ w )5514ͳΒɻ)551ͳΒ
ΦϦδϯͷσʔλసૹΞτʢ(#͋ͨΓʣ w w ओཁͳྉۚͷΈهࡌ w ͍ͣΕຊࠃͷΤοδϩέʔγϣϯ w ଞ"84ڥ͔Β$MPVE'SPOUͷ σʔλసૹΞτແྉ
CloudFrontͷ׆༻
CloudFrontͷ׆༻ 1. ࠷৽HTTPόʔδϣϯରԠʹΑΔߴԽ
࠷৽)551όʔδϣϯରԠʹΑΔߴԽ
࠷৽ͷ)551όʔδϣϯͷରԠ w)551ྺ࢙͋Δϓϩτίϧ w)ZQFSUFYU5SBOTGFS1SPUPDPMɺςΩετͷసૹ͕ॳͷత w࣮ࡍͷར༻ʹଈͯ͠ɺ৽ͨͳόʔδϣϯ͕։ൃ
࠷৽ͷ)551όʔδϣϯͷରԠ w࠷৽ͷ)551όʔδϣϯΛ͏͜ͱͰαΠτͷߴԽΛ࣮ݱ w)551ଓଟॏԽɺϔομѹॖͳͲ w)5516%1ϕʔεͷ26*$ϓϩτίϧར༻
$MPVE'SPOUͷ)551ରԠ wઃఆը໘Ͱ༗ޮʹ͢Δ͚ͩ wΫϥΠΞϯτ͔Β$MPVE'SPOUؒͷ௨৴͕)551
CloudFrontͷ׆༻ 2. ίϯςϯπѹॖʹΑΔߴԽ
ϑΝΠϧͷѹॖΛ͢ΔͱαΠζ͕খ͘͞ͳΔ
ϑΝΠϧͷѹॖΛ͢ΔͱαΠζ͕খ͘͞ͳΔ ݩͷϑΝΠϧ,# 㱺ѹॖޙͷϑΝΠϧ,# ϑΝΠϧαΠζ͕ʹ
)551ͰϑΝΠϧѹॖ༗ޮ wϑΝΠϧαΠζ͕খ͘͞ͳΔͱμϯϩʔυ͕࣌ؒ͘ͳΔ wѹॖɾղౚʹ͔͔Δίετʢ૬ରతʹʣখ͍͞ wμϯϩʔυ࣌ؒͷॖͷϝϦοτͷ΄͏͕େ͖͍ɻτʔλϧͰߴʹ w8FCϒϥβଆͰࣗಈରԠɻѹॖɾղౚΛҙࣝ͢Δඞཁ͕ͳ͍
$MPVE'SPOUͰͷϑΝΠϧѹॖ w$MPVE'SPOUͰ([JQ͓Αͼ#SPUMJѹॖܗࣜʹରԠ wઃఆը໘Ͱ༗ޮʹ͢Δ͚ͩ wϑΝΠϧΩϟογϡ࣌ʹѹॖΛߦ͏
CloudFrontͷϢʔεέʔε
$MPVE'SPOUͰ)551ͷಋೖ wΫϥεϝιουٕज़ϒϩάαΠτ%FWFMPQFST*0 wը૾ϑΝΠϧΛ$MPVE'SPOUͰ৴ w$MPVE'SPOUͷ)551ػೳΛ༗ޮԽ
$MPVE'SPOUͰ)551ͷಋೖ wωοτϫʔΫੑೳͷݕূ w,#લޙͷը૾ϑΝΠϧ͕ݸ͋ΔϖʔδͰ֬ೝ w)551ͷ߹ಡΈࠐΈ·ͰNTɻฒྻ͕ߴ͍ w)551ͷ߹ಡΈࠐΈ·ͰNTɻػ͕࣌ؒൃੜ w)551ͷར༻ঢ়گ wಋೖޙ)551ͷΫϥΠΞϯτׂ͕ w)551ׂ͕ɻ)551ׂ͕ wαΠτͷը૾৴͕)551
26*$ αϙʔτʹͳΓ·ͨ͠c%FWFMPQFST*0 wIUUQTEFWDMBTTNFUIPEKQBSUJDMFTEFWJPJNBHFTVQPQSUI
·ͱΊ
·ͱΊ w"84ͷ$%/αʔϏεͰ͋Δ"NB[PO$MPVE'SPOU w"84ͷΤοδωοτϫʔΫΛར༻ w"84ڥͷ΄͔ɺΦϯϓϨϛεڥʹಋೖՄೳ wύε͝ͱʹΦϦδϯαʔόͷΓସ͑Մ wαΠτߴԽʹ)551ϑΝΠϧѹॖ༗ޮ
None