Servicio de CSS y JavaScript comprimidos con gzip desde Amazon CloudFront a través de S3

Mi respuesta es un despegue en esto: http://blog.kenweiner.com/2009/08/serving-gzipped-javascript-files-from.html

Basándote en la respuesta de Skyler puedes subir una versión gzip y no gzip de css y js. Tenga cuidado de nombrar y probar en Safari. Porque safari no maneja archivos .css.gz o .js.gz.

site.js y site.js.jgz y site.css y site.gz.css (tendrá que establecer el encabezado content-encoding en el tipo MIME correcto para que estos se sirvan correctamente)

Luego en tu página poner.

<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 es solo sr_gzipEnabled = true; Esta prueba para asegurarse de que el navegador puede manejar el código gzipped y proporcionar una copia de seguridad si no pueden.

Luego haga algo similar en el pie de página asumiendo que todo su js está en un archivo y puede ir en el pie de página.

<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> 

ACTUALIZACIÓN: Amazon ahora admite la compresión gzip. Anuncio, por lo que esto ya no es necesario. Anuncio de Amazon

Cloudfront admite gzipping.

Cloudfront se conecta a su servidor a través de HTTP 1.0. De forma predeterminada, algunos servidores web, incluido nginx, no sirven contenido comprimido con gzip a conexiones HTTP 1.0, pero puede indicarle que lo haga agregando:

gzip_http_version 1.0

A su configuración de nginx. La configuración equivalente podría establecerse para cualquier servidor web que esté utilizando.

Esto tiene un efecto secundario de hacer que las conexiones keep-alive no funcionen para conexiones HTTP 1.0, pero como los beneficios de la compresión son enorme, definitivamente vale la pena el intercambio.

Tomado de http://www.cdnplanet.com/blog/gzip-nginx-cloudfront/

Editar

Servir contenido que es gzipped sobre la marcha a través de Amazon cloud front es peligroso y probablemente no debería hacerse. Básicamente, si su servidor web está gzipeando el contenido, no establecerá una Longitud de contenido y en su lugar enviará los datos como fragmentados.

Si se interrumpe la conexión entre Cloudfront y su servidor y cortado prematuramente, Cloudfront aún almacena en caché el resultado parcial y lo sirve como la versión en caché hasta que caduque.

La respuesta aceptada de gzipear primero en el disco y luego servir la versión gzipeada es una mejor idea, ya que Nginx será capaz de establecer el encabezado Content-Length, por lo que Cloudfront descartará las versiones truncadas.

Hemos hecho algunas optimizaciones para uSwitch.com recientemente para comprimir algunos de los activos estáticos en nuestro sitio. Aunque configuramos un proxy nginx completo para hacer esto, también he creado una pequeña aplicación Heroku que proxy entre CloudFront y S3 para comprimir contenido: http://dfl8.co

Dado que los objetos S3 de acceso público se pueden acceder utilizando una estructura de URL simple, http://dfl8.co solo usa la misma estructura. Es decir, las siguientes URLs son equivalentes:

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

Ayer Amazon anunció una nueva función, ahora puede habilitar gzip en su distribución.

Funciona con s3 sin añadido .gz archivos a ti mismo, he probado la nueva característica hoy y funciona muy bien. (sin embargo, necesitas invalidar tus objetos actuales)

Más información

Puede configurar CloudFront para comprimir automáticamente archivos de ciertos tipos y servir los archivos comprimidos.

Consulte la Guía para desarrolladores de AWS