Display S3 image on Web - PHP application

Question

We have a PHP web application where S3 images need be shown on the website. The page loads are slow as we are generating pre-signed URL for each image to show the image on the screen. Is there a better way to implement the use case to improve the page performance? the reason it is slow is the pre-signed URL takes time to generate and on the page load we are showing 100+ images.
- The images are on a private bucket and not publicly accessible.

MikeLim · Answer

Understand you are loading 100+ images on a single page. Instead of loading actual images, you may want to generate thumbnails and load them instead. Since these are not actual images, you can make them public.

The tutorial [Tutorial: Using an Amazon S3 trigger to create thumbnail images](https://docs.aws.amazon.com/lambda/latest/dg/with-s3-tutorial.html) may help.

Another option is to front S3 bucket with CloudFront for private viewing. Instead of a S3 signed URL for each image, you can generate *signed cookies* for the entire site. So this will be one instead of 100+ API calls.

Refer to [Serving Private Content Through Amazon CloudFront Using Signed Cookies](https://aws.amazon.com/blogs/developer/serving-private-content-through-amazon-cloudfront-using-signed-cookies/) and [Serve private content with signed URLs and signed cookies](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/PrivateContent.html) for more information.

Since it supports multiple origins, you can also front both your website and S3 bucket with CloudFront. Besides the performance improvement from using a CDN, this configuration makes it easier to set CloudFront cookie.

Gary Mclean · Answer

Agree with Mike. Front the bucket with cloudfront with s3 as the origin

Display S3 image on Web - PHP application

Add your answer

Relevant content