These days website speed makes the first impression of your business. Website speed is one of the key factors which decides the ranking of your website on various search engines.
According to one analysis, If your website takes more than 3 seconds to loads completely then you lose half of the visitor before they even arrive on your website.
So to survive with your competitors, your website speed is also one of those factors which will help you to grow exponentially.
High-performance website results in good search ranking, high visitors, low bounce rate, high conversions.
In this article, I will tell you how to compress the content of your website by enabling the gzip compression into your website.
You can test your website speed using the google page speed insight.
What is GZIP Compression
GZIP is a file format and a software application used for file compression and decompression.
GZIP compression is a method through which you can reduce the size of your webpage.
When a user hits request to your website then a call is made to your server to return the requested files. The larger these files are the bigger time it takes to load the content of the webpage.
Gzip compresses your webpage and stylesheets before sending them over to the browser.
From the client-side, all modern web browsers support GZIP compression and automatically ask for it when making HTTP requests — this means that you can expect all users to reap the benefits of GZIP compression once you’ve enabled it.
How GZIP Compress The Website?
The CSS, html and other static files use a lot of repeated text and spaces which increase the size of the webpage and because of this, it takes too much time to load on the browser.
Gzip locates similar strings within a text file and replaces those strings temporarily to make the overall file size smaller.
You can easily check the gzip compression status from the GT matrix website.
- How To Enable GZIP Compression For Your Website
- Install Let’s Encrypt To Secure Nginx Web Server
- How To Install And Manage RabbitMQ In Ubuntu
- How To Install Linux, Nginx, MySQL, PHP (LEMP stack) in Ubuntu 16.04
Enable GZIP Compression
There are lots of methods to enable the GZIP compression for your website depending upon the server on which your website is running.
Enable GZIP compression in Nginx Server
Nginx server is a very powerful server. It is light-weight and easy to use. Apart from using the Nginx as a web server, it can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache. By Default Nginx do not enable the GZIP compression.
To Enable the GZIP Compression in nginx, you have to modify the nginx configuration file. So if you have a good server knowledge then only try this method.
Open the Nginx config file and put below lines under the HTTP section.
Below is a brief explanation of the terms used in the above lines.
- gzip on: enables gzip compression
- gzip_vary on: tells proxies to cache both gzipped and regular versions of a resource
- gzip_min_length: informs NGINX to not compress anything smaller than the defined size
- gzip_proxied: compress data even for clients that are connecting via proxies (here we’re enabling compression if: a response header includes the “expired”, “no-cache”, “no-store”, “private”, and “Authorization” parameters)
- gzip_types: enables the types of files that can be compressed
- gzip_disable: disable compression for Internet Explorer versions 1-6
Once you’ve added the options, save and close the nginx.conf file and restart NGINX with the command:
sudo service nginx restart
Enable GZIP compression in Apache Server
To enable the GZIP on apache server, copy the below code and paste it into the .htaccess file.
For ISS Server
If you are using ISS server then you can follow this link to enable the gzip compression for your website.
For WordPress Website
All of the above plugins do lots of other things also which can help to reduce the size of your website and make decrease the loading time of your website.
- Github Login Implementation In Node.js Using Passport.js
- Facebook Login Implementation In Node.js Using Passport.js
- ES6 object.assign() method Explained With Example
Hope, you got the idea on how to enable gzip compression for your website. GZIP compression is very important for every website if they don’t want to lose their valuable visitors.
After enabling the gzip compression, you can see the difference into your website page speed from this link.
If you have any doubts and suggestion then comment below.
And if you like this article then please support us by sharing this article.