Обслуживание gzipped CSS и JavaScript из Amazon CloudFront через S3

мой ответ-взлет на этом: http://blog.kenweiner.com/2009/08/serving-gzipped-javascript-files-from.html

построение ответа Скайлера вы можете загрузить версию gzip и не-gzip css и js. Будьте осторожны именования и тестирования в Safari. Потому что safari не будет обрабатывать .css.gz или .js.gz файлы.

site.js и site.js.jgz и site.css и site.gz.css (вам нужно будет установить content-encoding заголовок для правильного типа MIME, чтобы получить их подавать правильно)

затем на Вашей странице поставить.

<script type="text/javascript">var sr_gzipEnabled = false;</script> 
<script type="text/javascript" src="http://d2ft4b0ve1aur1.cloudfront.net/js-050/sr.gzipcheck.js.jgz"></script> 

<noscript> 
  <link type="text/css" rel="stylesheet" href="http://d2ft4b0ve1aur1.cloudfront.net/css-050/sr-br-min.css">
</noscript> 
<script type="text/javascript"> 
(function () {
    var sr_css_file = 'http://d2ft4b0ve1aur1.cloudfront.net/css-050/sr-br-min.css';
    if (sr_gzipEnabled) {
      sr_css_file = 'http://d2ft4b0ve1aur1.cloudfront.net/css-050/sr-br-min.css.gz';
    }

    var head = document.getElementsByTagName("head")[0];
    if (head) {
        var scriptStyles = document.createElement("link");
        scriptStyles.rel = "stylesheet";
        scriptStyles.type = "text/css";
        scriptStyles.href = sr_css_file;
        head.appendChild(scriptStyles);
        //alert('adding css to header:'+sr_css_file);
     }
}());
</script> 

gzipcheck.js.jgz-это просто sr_gzipEnabled = true; это тесты, чтобы убедиться, что браузер может обрабатывать gzipped код и предоставить резервную копию, если они не могут.

затем сделайте что-то подобное в нижнем колонтитуле, предполагая, что все ваши js находятся в одном файле и могут войти в нижний колонтитул.

<div id="sr_js"></div> 
<script type="text/javascript"> 
(function () {
    var sr_js_file = 'http://d2ft4b0ve1aur1.cloudfront.net/js-050/sr-br-min.js';
    if (sr_gzipEnabled) {
       sr_js_file = 'http://d2ft4b0ve1aur1.cloudfront.net/js-050/sr-br-min.js.jgz';
    }
    var sr_script_tag = document.getElementById("sr_js");         
    if (sr_script_tag) {
    var scriptStyles = document.createElement("script");
    scriptStyles.type = "text/javascript";
    scriptStyles.src = sr_js_file;
    sr_script_tag.appendChild(scriptStyles);
    //alert('adding js to footer:'+sr_js_file);
    }
}());
</script> 

обновление: Amazon теперь поддерживает сжатие gzip. Объявление, так что это больше не нужно. Amazon В Объявлении

Cloudfront поддерживает gzipping.

Cloudfront подключается к серверу через HTTP 1.0. По умолчанию некоторые веб-серверы, включая nginx, не обслуживают gzipped-контент для соединений HTTP 1.0, но вы можете сказать это, добавив:

gzip_http_version 1.0

к вашей конфигурации nginx. Эквивалентная конфигурация может быть установлена для любого веб-сервера, который вы используете.

это имеет побочный эффект создания keep-alive соединения не работают для соединений HTTP 1.0, но как преимущества сжатия огромны, это определенно стоит компромисса.

взято из http://www.cdnplanet.com/blog/gzip-nginx-cloudfront/

Edit

обслуживание контента, который gzipped на лету через Amazon cloud front, опасно и, вероятно, не должно быть сделано. В основном, если ваш веб-сервер gzipping контент, он не будет устанавливать длину контента и вместо этого отправлять данные как куски.

Если соединение между Cloudfront и вашим сервером прервано и преждевременно разорвано, Cloudfront все еще кэширует частичный результат и служит ему в качестве кэшированной версии до истечения срока ее действия.

принятый ответ gzipping сначала на диск, а затем на обслуживание версии gzipped-это лучшая идея, поскольку Nginx сможет установить заголовок Content-Length, и поэтому Cloudfront откажется от усеченных версий.

мы сделали несколько оптимизаций для uSwitch.com недавно сжать некоторые статические активы на нашем сайте. Хотя мы настроили целый прокси-сервер nginx для этого, я также собрал небольшое приложение Heroku, которое прокси-серверы между CloudFront и S3 для сжатия контента:http://dfl8.co

данные общедоступные объекты S3 могут быть доступны с помощью простой структуры URL,http://dfl8.co просто использует ту же структуру. Т. е. следующие URL-адреса эквивалент:

http://pingles-example.s3.amazonaws.com/sample.css
http://pingles-example.dfl8.co/sample.css
http://d1a4f3qx63eykc.cloudfront.net/sample.css

вчера amazon объявила о новой функции, теперь вы можете включить gzip в своем дистрибутиве.

Он работает с s3 без добавления .GZ файлы сами, я попробовал новую функцию сегодня, и она отлично работает. (нужно аннулировать вы текущие объекты, хотя)

Подробнее

вы можете настроить CloudFront для автоматического сжатия файлов определенных типов и обслуживания сжатых файлов.

смотрите AWS Руководство Для Разработчиков