12

Do I have to configure nginx to compress assets (gzip set to on) if I have compressed rails assets with rake assets:precompile? I mean does it make sense or not? Will performance better or worse? Thank you!

5 Answers 5

18

Do rake assets:precompile and you have to configure nginx for send gzip version of files, i use this configuration.

user www-data www-data;
worker_processes 4;

pid /var/run/nginx.pid;

events{
    worker_connections 2048;
    use epoll;
}

http{
    include mime.types;
    default_type application/octet-stream;

    error_log /var/log/nginx/error.log;
    access_log /var/log/nginx/access.log;

    server_tokens off;
    server_name_in_redirect off;
    ignore_invalid_headers on;

    gzip off;
    sendfile on;

    upstream reverse-proxy{
        server 127.0.0.1:3000;
        server 127.0.0.1:3001;
        server 127.0.0.1:3002;
        server 127.0.0.1:3003;
    }   

    server{
        listen 80;
        server_name _;
        root /home/www-data/my_website/public;

        client_max_body_size 10M;
        client_body_buffer_size 512k;

        location ~ ^/assets/ {
            gzip_static on;

            add_header Cache-Control public;
            expires 4w;
            gzip on;
            gzip_vary on;
            gzip_proxied any;
            gzip_disable "MSIE [1-6]\.";
            gzip_comp_level 6;
            gzip_types application/x-javascript text/css text/html image/x-icon image/png image/jpeg image/gif;
        }

        location / {
            try_files $uri @ruby;
        }

               location @ruby {
                        proxy_set_header  X-Real-IP  $remote_addr;
                        proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
                        proxy_set_header  Host $http_host;
                        proxy_redirect    off;

                        proxy_pass http://reverse-proxy;
                }

    }

}
2
  • 4
    The nginx docs say we don't need to add text/html cause it's done by default (under gzip_types). One thing with using your location based gzipping, is obviously this won't work in 443 land, right? I moved it up to the http block so that everything gets gunzipped. Your expires was pure awesome too, btw.
    – pjammer
    Dec 16, 2012 at 15:25
  • 1
    I never test on https (and it cannot work because i set listen to port 80) and my expires is because google page speed advises to set it to 4 weeks. Dec 16, 2012 at 22:58
7

No, you do not. They are not the same kind of compression. When you run rake assets:precompile, all you're really doing is joining a bunch of files into one file and dumping it to the disk. Actually, according to the official documentation, it is two files:

When files are precompiled, Sprockets also creates a gzipped (.gz) version of your assets. Web servers are typically configured to use a moderate compression ratio as a compromise, but since precompilation happens once, Sprockets uses the maximum compression ratio, thus reducing the size of the data transfer to the minimum. On the other hand, web servers can be configured to serve compressed content directly from disk, rather than deflating non-compressed files themselves.

This is important for you, because it allows you to use gzip, if you want, but it does not force you to do so. Gzip compression, which is real compression (not just concatenating files) reduces the amount of data you have to transfer, but at the expense of processor power (compressing and decompressing). It is likely to fairly dramatically improve your site, depending on page sizes and your (and your user's) hardware.

1
4

Here is a complete configuration(I am using it for my site):

GENERAL CONFIGURATION

http {
passenger_root /usr/local/lib/ruby/gems/1.9.1/gems/passenger-4.0.5;
passenger_ruby /usr/local/bin/ruby;

include mime.types;

default_type application/octet-stream;
server_tokens off;
sendfile on;
keepalive_timeout 70;

gzip on;
gzip_http_version 1.1;
gzip_disable "msie6";
gzip_vary on;
gzip_min_length 1100;
gzip_buffers 64 8k;
gzip_comp_level 3;
gzip_proxied any;
gzip_types text/plain text/css application/x-javascript text/xml application/xml;


add_header Strict-Transport-Security "max-age=16070400; includeSubdomains";
add_header X-Frame-Options DENY;

limit_req_zone $binary_remote_addr zone=one:10m rate=10r/s;

include /opt/nginx/conf/nginx_host.conf;
}

Content of /opt/nginx/conf/nginx_host.conf;

HOST CONFIGURATION

server {
listen 80;
server_name *.domain.com;
root APP_PATH/current/public;
        passenger_enabled on;
        access_log off;

error_log /dev/null;

# Cross domain webfont access
location ~* \.(?:ttf|ttc|otf|eot|woff|font.css)$ {
    add_header "Access-Control-Allow-Origin" "*";
    expires 1M;
    access_log off;
    add_header Cache-Control "public";
}

location ~* \.(ico|css|gif|jpe?g|png)(\?[0-9]+)?$ {
    expires max;
}

location ~ ^/(assets|uploaded_assets|system)/  {
  root   /home/travelobd/rails_apps/travelobd/current/public;
  gzip_static on; # to serve pre-gzipped version
  expires max;
  add_header Cache-Control public;
 }
}

For serving assets:

server {
        listen 80;
        server_name     static.domain.com;
        root APP_PATH/current/public;
        location / {
                if ($request_filename ~ "\.(jpg|css|gif|png|swf|ico|js)$") {
                        break;
                }
        return 404;
        }
        }
 
1

Yes, you should if you want to improve performance.

Simply add the following block to your site configuration:

location ~ ^/(assets)/  {
  root /path/to/public; # CHANGE THIS
  gzip_static on; # to serve pre-gzipped version
  expires max;
  add_header Cache-Control public;
}

Change the root path in the configuration. That is all there is to it.

RecommendationFromDocumentation™: http://guides.rubyonrails.org/asset_pipeline.html

0

What worked for me was configuring Nginx:

location ~ ^/(assets)/ {
  gzip_static on;
}

Then in application.rb:

  config.middleware.insert_before(Rack::Sendfile, Rack::Deflater)

  # Compress JavaScripts and CSS.
  config.assets.compress = true
  config.assets.js_compressor = Uglifier.new(mangle: false)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.