One or two seconds might not seem like long. When it comes to your website, though, a lot can happen in that short span of time.
Do you want to make your site load faster and attract more traffic? You can do it all by compressing your web files using the GZIP file format.
In this post, you will learn the basics of data compression on the web, what GZIP compression is, its various benefits, and how you can use it to speed up your website on different server setups.
Read on to find out how to enable GZIP compression on your site.
GZIP, short for GNU Zip, is the most popular lossless data compression method on the web.
GZIP compression occurs before files are served to your visitors’ web browsers. Through this method, GZIP compression reduces the file sizes, which can have a positive effect on website loading times.
Research by W3Techs shows that of the websites that compress their content, more than 53.8% employ GZIP.
Apart from being a data compression algorithm, GZIP is also a file extension (.gz) and a software used for file compression/decompression.
Search engines better index sites that use data compression. The transfer of information in this format means faster loading of pages, as a result of which the user does not have to wait long.
As a result, submitting files in a compressed form positively affects the ranking of search engines and the loyalty of site visitors.
GZIP compression is popular, and many hosting platforms enable it by default. If you are unsure how to check if GZIP compression is working on your site, you can test for it using third-party solutions or in-browser developer tools.
If GZIP is already activated, the tool will show you the page size before and after the optimization. If it’s not, an error message will appear.
Third-party solutions provider list:
The second way to verify whether a website delivers GZIP compressed content is by verifying the
content-encoding: gzip HTTP response header.
You can also enable the “Use large request rows” option in the Chrome DevTools settings panel to see both the original and compressed size of the page.
As you can see below, the original page’s size reduced from 184 KB to just 25.1 KB after compressing it with GZIP.
If the browser doesn’t detect the GZIP response header, it downloads the uncompressed files. In most cases, the difference in page load speeds can be multiple seconds.
Hence, if you don’t have GZIP enabled, you will see warnings in website speed testing tools.
Google PageSpeed Insights throws up a warning when you don’t have any text compression enabled on your website.
GTmetrix shows a warning if your website doesn’t serve compressed text-based resources. Like Google PageSpeed Insights, it will also show you the potential savings you can achieve.
GZIP warning in Pingdom tools
Pingdom Tools throws up a straightforward warning to compress your website components with GZIP.
If you don’t have GZIP compression enabled on your web server, there are many ways to go about enabling it. The exact method depends on which web server you’re using to host your website.
To enable GZIP compression on Apache servers, you need to use its
mod_deflate modules and configure them properly with the right directives. They will direct Apache to compress server output before sending it to clients over the network.
You have two options to edit Apache’s server configs based on the access level you have:
- If you can access the main server configuration file (usually called
httpd.conf), you are recommended to use it to configure Apache as
.htaccessfiles can slow down Apache.
- If you can’t access the main server configuration file, which is usually the case with most shared hosting providers, then you need to configure Apache using
The first option is strictly for system admins, as hosting providers rarely allow you to edit the main server configuration file.
The second option is ideal for most site owners as many shared hosting providers allow you to edit
Add the following code to your
.htaccess file, then save the file:
You can learn more about all the directives used here by going to its code repository and following all the resources linked in there.
You can enable GZIP compression on your Nginx web server by using the directives defined in the ngx_http_gzip_module.
To start off, add the directives given below to your
nginx.conf file. Typically, you can find this file in your server’s /etc/nginx/nginx.conf location.
If your site serves large JS and CSS files, then you can increase the buffer size used for compression by adding the following directive to your
# sets the 'number' and 'size' of buffers for GZIP compression # default buffer size is 4K or 8K depending on the platform gzip_buffers 16 8k;
Don’t forget to reload Nginx after saving your
sudo service nginx reload
Finally, you should test to see if your server has GZIP compression enabled. You can refer to Nginx documentation for an up-to-date list of all the
Microsoft’s Internet Information Services (IIS) is mainly deployed in enterprise environments running on Windows, especially for setting up company-specific intranet and extranet servers.
To enable GZIP compression on IIS, you can refer to Microsoft’s documentation to get started.
The easiest way to enable GZIP compression on your WordPress site is by using a caching or performance optimization plugin.
Reference & Further reading
GZIP compression technology is used to speed up the loading of site pages in conjunction with other actions. As a result, visitors will have a great user experience and your site can rank well in SERP.
Pretty easy, right? Let us know in the comments if you have any questions!
We are sorry that this post was not useful for you!
Let us improve this post!
Tell us how we can improve this post?