Enable GZIP Compression on nginx Servers
Speed kills, and there's nothing like a speedy website. When you come to this blog, I want you to have a great experience, which is why I've worked tirelessly to compress every asset and avoid unnecessary synchronous interactions. In reviewing my site with Google Pagespeed Insights, I noticed that my virtual private server from Media Temple wasn't configured to serve assets gzip compressed. Oh no! Here's how I enabled gzip compression and made my site miles faster!
Create a file at /etc/nginx/conf.d/gzip.conf with the following content:
gzip on;
gzip_proxied any;
gzip_types text/plain text/xml text/css application/x-javascript;
gzip_vary on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
With that file now in place, restart your server and you will now be serving site assets with gzip compression. Google takes site speed into account when ranking and placing your sites in their search engine so do your users a favor and strive for the fastest site possible -- especially for mobile users!
![Create a Sheen Logo Effect with CSS]()
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...
![How I Stopped WordPress Comment Spam]()
I love almost every part of being a tech blogger: learning, preaching, bantering, researching. The one part about blogging that I absolutely loathe: dealing with SPAM comments. For the past two years, my blog has registered 8,000+ SPAM comments per day. PER DAY. Bloating my database...
![HTML5 download Attribute]()
I tend to get caught up on the JavaScript side of the HTML5 revolution, and can you blame me? HTML5 gives us awesome "big" stuff like WebSockets, Web Workers, History, Storage and little helpers like the Element classList collection. There are, however, smaller features in...
![MooTools Window Object Dumping]()
Ever want to see all of the information stored within the window property of your browser? Here's your chance.
The XHTML
We need a wrapper DIV that we'll consider a console.
The CSS
I like making this look like a command-line console.
The MooTools JavaScript
Depending on what you have loaded...
You can use
gzip_comp_level 1
Sets a gzip compression level of a response. Acceptable values are in the range from 1 to 9.
Nice article, I also like to use
gzip_min_lengthparameter which reduces some overhead to gzip small responses.To test if gzip is enabled, run:
You should see
content-encoding: gzipFor production systems, I would suggest the use of
gzip_static.If you want to quickly test whether GZIP is enabled on your website or not use this tool: http://www.giftofspeed.com/gzip-test/
Saved me a lot of time. It also shows you the compression percentages and stuff (for some of my pages it was 70% or more! :-))
so gzip is only work on text type content?
I prefer this line as this enables for javascript too
This snippet made it so when I restarted nginx it failed. Not sure what the deal is. Just an FYI for anyone planning to follow those directions exactly.
nginx fails to restart because sometimes you’ll have gzip already enabled.
So removing the line “gzip on;” or commenting it with a # should do the job!
If you are using Ubuntu 10.04 just execute this command “sudo nginx”, and it shows you where is the problem if exist, my Nginx fails because this line “gzip on;”.
It seems Gzip already ON but no configuration was set.
Hey Brent,
That depends on where you put the code and how you did it.
Can you share your error So I can help.
I put the code into my website config file at
/etc/nginx/sites-enabled/foobar.com/and it works 100%Consider the addition of application/javascript. More in http://stackoverflow.com/questions/23939722/nginx-gzip-not-compressing-javascript-files
Thanks.. I thought it was because of my outdated nginx version. I updated it to latest version but still getting the same that all
.jsfiles were not gzip-compressed. Hence I added"application/x-javascript application/javascript text/javascript"all together. Thanks