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
サイト高速化のためのCloudFront導入と活用
Search
Shimizu Toshiya
November 30, 2022
0
720
サイト高速化のための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
960
「Web担当者Forum安田編集統括が訊く デイリーポータルZのサイトリニューアル裏話ぜんぶ」インフラ編 #dpz裏話
shimizutoshiya
0
2.6k
Developers.IO 2018「AWSのマネージドサービスを使ってはじめる動画配信」
shimizutoshiya
1
1.1k
AKIBA.AWS 第4回 基礎編 動画配信入門「AWSではじめるライブ動画配信入門」
shimizutoshiya
2
1.2k
AKIBA.aws 第1回 基礎編「AWSのDNS」 #akibaaws
shimizutoshiya
4
2.4k
re:Invent2016で発表された新サービス「AWS Batch」を使う想像をしてみた話 #cmdevio
shimizutoshiya
0
1.4k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
341
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Typedesign – Prime Four
hannesfritz
40
2.4k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Happy Clients
brianwarren
98
6.7k
The Pragmatic Product Professional
lauravandoore
31
6.3k
How STYLIGHT went responsive
nonsquared
95
5.2k
Automating Front-end Workflow
addyosmani
1366
200k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
Music & Morning Musume
bryan
46
6.2k
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