I recently got an email from Google saying Karani has a few pages that are loading too slowly on mobile, and therefore will be penalized in its search results. I was shocked, because heavy mobile optimization has been a priority on Karani since day one.
1. Figure out your settings
I chose to copy the settings recommended by HTML5Boilerplate–that’s what I had been using on my former Apache server and they worked great. H5bp is a wonderfully-curated collection of wisdom that I’m happy to benefit from.
You can find them here: h5bp nginx config
2. SSH into your server, and edit your nginx configuration
SSH into your server. Have your sudo password ready.
vim, but you can use whatever editor you prefer.
sudo vim /etc/nginx/nginx.conf
You can see that there’s already a block of settings regarding Gzip; you could always just modify those and un-comment out the right lines. But since we’re already prepared with our HTML5Boilerplate version, why don’t we just wipe these lines:
3. Add your configuration settings
Where the old Gzip settings were, paste your new settings. These are what they are at the time of writing this article:
4. Restart Nginx
You can use the Forge
nginx restart dropdown, but since you’re SSH’ed in you can also just run
sudo service nginx restart.
Type any URL into CheckGzipCompression.com. You can test both html pages (e.g.
CheckGzipCompression.com seems to be inconsistent. Directions coming soon on how to do it yourself, and Chris Fidao suggests https://redbot.org.
That’s it–you’re now Gzip-compressing all of your basic text-based assets and few other freebies image types as well. Go forth and wow Google.