title: CloudFront with S3 website as origin is not serving gzipped files
body: <p><a href="https://aws.amazon.com/blogs/aws/new-gzip-compression-support-for-amazon-cloudfront/" rel="noreferrer">AWS now supports gzipping files through CloudFront</a></p>
  
  <p>I've followed along with all of the instructions  in <a href="http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/ServingCompressedFiles.html" rel="noreferrer">Serving Compressed Files</a>, and yet gzipping is not working.</p>
  
  <p>I have an S3 bucket set up as a website that CloudFront is using as the origin.</p>
  
  <ul>
  <li><code>Compress Objects Automatically</code> is enabled</li>
  <li>I am serving files with the correct content types such as <code>application/javascript</code> and <code>text/css</code></li>
  <li>The files are within 1,000 and 10,000,000 bytes</li>
  <li>The S3 website serves the files with a <code>Content-Length</code> as far as I know</li>
  <li>To be extra sure nothing was cached, I both invalidated the entire S3 bucket and uploaded newer versions of the files to S3.</li>
  <li>Additionally, the web browser I am using, Chrome, does accept gzipped files.</li>
  </ul>
  
  <p>Despite all this, I can't get gzipping to work. I have gotten everything else including SSL working perfectly, and you can visit the site here: <a href="https://formulagrid.com/" rel="noreferrer">https://formulagrid.com/</a> </p>
  
  <p>If you open up the chrome console, you'll notice that none of the files being served from S3 are being gzipped. The only gzipped files such as the google font are the ones I'm grabbing from other CDNs.</p>