Enable Brotli Compression on cloudfront

Question

I have an angular 4 production build deployed on cloudfront. For compression i have enabled gzip compression on the server. I want to enable brotli compression on cloudfront for each requested resource.

I am already sending the gzip br headers as shown in image below:

How to configure brotli compression on cloudfront?

Answer 1

CloudFront now supports Brotli compression. CloudFront includes 'br' in the normalized 'Accept-Encoding' header before forwarding it to your origin. If your origin does not handle compression, CloudFront can compress cacheable responses at the edge using Brotli.

See the announcement or docs for specific details.

Answer 2

You will have to handle this on your origin server, CloudFront is gzip only.

If your origin sends a Content-Encoding header CloudFront should not gzip it.

See the docs.