amazon web services - S3/CloudFront, serve all files with header "Cache-Control: max-age=365000000, immutable" -


i have s3 bucket on top of there cloudfront cdn.

this s3 bucket "immutable", means once upload file there, never delete or update it. safe clients cache files coming s3/cloudfront aggressively.

currently, etags working great, , clients hit 304 responses of time. getting 304 response still involve roundtrip avoided more aggressive caching.

so i'd behavior:

  • cloudfront cdn cache should never invalidated, because s3 cache never changes. cloudfront not need ask again s3 file more once. think i've configured using cloudfront distribution settings.

  • cloudfront should serve files header cache-control: max-age=365000000, immutable (immutable new, partially supported value of 2016)

i don't understand how can achieve desired result. should handle @ cloudfront or s3 level? i've read stuff configuring appropriate header each s3 file. isn't there global setting serve files custom http header use?

should handle @ cloudfront or s3 level?

there no global setting adding custom http headers either in cloudfront or in s3. add http headers objects, must set in s3, individually on each object in bucket. stored in object' metadata - , can found in metadata section each object in aws s3 console.

typically, it's easiest set headers when adding object bucket - exact mechanism doing depends on client app you're using, or sdk.

e.g. aws cli command use --cache-control option:

aws s3 cp test.txt s3://mybucket/test2.txt \     --cache-control max-age=365000000,immutable

to modify existing objects, s3cmd utility has modify option described in answer: https://stackoverflow.com/a/22522942/6720449

or can use aws s3 command copy objects onto modifying metadata, explained in answer: https://stackoverflow.com/a/29280730/6720449. e.g. replace metadata on objects in bucket:

aws s3 cp s3://mybucket/ s3://mybucket/ --recursive --metadata-directive replace \     --cache-control max-age=365000000,immutable

cloudfront cdn cache should never invalidated

this quite stringent requirement - can't prevent cloudfront cache ever getting invalidated. is, there no setting prevent cloudfront invalidation being created, if user creating has sufficient permissions. so, in roundabout way, can prevent invalidations ensuring no users, roles, or groups have permissions create invalidation in distribution using cloudfront:createinvalidation iam permission - possibly not practical.

however, there few reasons cloudfront might choose invalidate cache in contravention of backend's cache-control - e.g. if maximum ttl setting set , less max-age.


Comments

Post a Comment

Popular posts from this blog

php - How to add and update images or image url in Volusion using Volusion API -

actually have store importing products store product data insert , update image or image url not insert , update. this xml code name datapro.txt. <products_joined> <productcode>3710_012t</productcode> <vendor_partno>eah5450silent/di/1gd3(lp)</vendor_partno> <productname>test product ta</productname> <hideproduct>n</hideproduct> <stockstatus>20</stockstatus> <lastmodified>1/5/2016 10:25:00 am</lastmodified> <lastmodby>2</lastmodby> <productweight>0.9</productweight> <productprice>100</productprice> <productmanufacturer>asus tek</productmanufacturer> <vendor_price>32.69</vendor_price> <numproductssharingstock>0</numproductssharingstock> <categoryids>107</categoryids> <producturl>http://tebkq.mvlce.servertrust.com/productdetails.asp?productcode=3710_012t</producturl>
Read more

javascript - jQuery UI Splitter/Resizable for unlimited amount of columns -

using jqueryui splitter or resizable functions want create layout allows unlimited amount of columns added , columns need resizable. so fiddle: https://jsfiddle.net/f3glh3mw/ but in fiddle html contains out of nested sets instead of inline. limits possibilities above fiddle can have equal widths 2,4,8,16,32 etc columns. in between shows crooked can see in fiddle. when researching came on question: jquery ui , splitter if @ top answer shows structure like: <div class="wrap"> <div class="resizable resizable1"></div> <div class="resizable resizable2"></div> </div> full fiddle: http://jsfiddle.net/8qztj/86/ which structure want javascript hardcoded 2 resizable items. so here question: how modify last fiddle works amount of .resizable divs. or know of plugin can this. thanks helping! so far found plugin: http://www.bacubacu.com/colresizable/ which says , close functionality want. in
Read more

javascript - IE9 error '$'is not defined -

Image
<!--[if lte ie 9]><html class="lte9"><![endif]--><!--[if gt ie 9]><html><![endif]--> <!--[if !ie]><!--> <html> <!--<![endif]--> blah blah <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="{{ asset('js/mypage.js') }}" type="text/javascript"></script> </body> </html> when load page, ie9 brings error '$' not defined . how can solve error? +++ mypage.js $(function(){ //when load page, //ie9 tag not moving. $(window).load(function() { $('div.mask').hide(); }); // when click , willshow show. //for not ie 9 if (!$('html').hasclass('lte9')) { var = $('ul.about > li > span.activebtn');
Read more