![\"\"](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/11\/eBook-Speed-Up-your-website-1024x283.png\")
<\/a><\/figure>\n\n\n\n\n<\/p>
What is Gzip compression<\/h2>
The larger the file, the longer it takes to complete the file transfer, increasing your site’s load time. Luckily, data compression lets users download reduced-size files. Thus, your website will load faster.<\/p>
There are two main types of compression:<\/p>
- \n
- Lossy compression<\/strong> – eliminates some information from the original file.<\/li>\n\n\n\n
- Lossless compression<\/strong> – preserves all the data within the original file.<\/li>\n<\/ul>
Gzip falls into the category of lossless compression. It’s a popular method to reduce the size of HTML, PHP<\/a>, JavaScript<\/a>, CSS<\/a>, and other files.<\/p>
How to enable Gzip compression<\/h2>
Before enabling Gzip compression, first check whether the site has it enabled already.<\/p>
The following section will show you how to do so using site speed or Gzip compression tests and browser developer tools.<\/p>
Check Gzip compression using website speed test<\/h3>
A website speed test<\/a> is a tool for measuring sites’ load time. It grades the site or page load time and often provides a detailed report of elements affecting the performance. Some tools will even display the website’s rate of file size reduction.<\/p>
It also suggests numerous tips and tricks to improve website speed, including recommendations of compression algorithms to produce smaller files.<\/p>
This free tool is available on many websites, including Pingdom<\/a>, Google’s PageSpeed Insights<\/a>, and GTmetrix<\/a>.<\/p>
Check Gzip compression using the test<\/h3>
You can use one of the many free tools to check if a site has Gzip compression enabled, such as Small SEO Tools’ Check Gzip Compression<\/a> and WhatsMyIP’s HTTP Compression Test<\/a>.<\/p>
Simply open the tool, paste the site URL in the provided field, and click Check Compression <\/strong>or a similar button.<\/p>
Check Gzip compression using browser developer tools<\/h3>
This method is best for those who don’t want to use an external tool to check a website’s Gzip compression.<\/p>
Follow the steps below to check if Gzip is enabled on a site using a browser:<\/p>
- \n
- Type the website URL into the browser.<\/li>\n\n\n\n
- Open the browser developer tools or right-click on the page and select Inspect<\/strong>.<\/li>\n\n\n\n
- Click on the Network <\/strong>tab. You should see all the resources the web server has sent. In case you don’t, reload the page.<\/li>\n\n\n\n
- Select one of the resources to view its content. Click the Headers <\/strong>tab.<\/li>\n\n\n\n
- Under Response Headers<\/strong>, find content-encoding <\/strong>– <\/strong>the compression method used by the site will be listed beside it.<\/li>\n<\/ol>
If Gzip has not been enabled, there are two ways to do it. You can either modify the .htaccess <\/strong>file or go for a WordPress plugin<\/a>.<\/p>
Enable Gzip compression using a WordPress plugin<\/h3>
The easiest way to enable Gzip on a WordPress website is to install a plugin<\/a>. It will be a lot easier and safer than modifying the .htaccess<\/strong> file.<\/p>
There are many plugins for this purpose available, but we have chosen these four plugins based on their features and ease of use:<\/p>
- \n
- WP-Optimize Cache<\/strong><\/a>.<\/strong> An all-in-one solution to boost website performance. The plugin enables Gzip and web caching<\/a>. In addition, it eliminates unnecessary files from a website. This tool can even optimize images to free up more space.<\/li>\n\n\n\n
- Hummingbird<\/strong><\/a>.<\/strong> This plugin gives users more freedom to choose which aspects to optimize. Gzip compression, minification, and lazy load offscreen images are some of its main features.<\/li>\n\n\n\n
- WP Fastest Cache<\/strong><\/a>.<\/strong> This tool combines its caching prowess with Gzip to make pages fast and lightweight. This plugin can also automatically disable emojis and optimize every single post.<\/li>\n\n\n\n
- WP Rocket<\/strong><\/a>.<\/strong> A web performance plugin equipped with numerous features such as page and browser caching, cache preloading, Gzip compression, eCommerce optimization, and excellent compatibility with popular WordPress plugins, themes, and hosting types.<\/li>\n<\/ul>
Since these plugins have more features than just compression, we suggest trying all of them to see which one fits your needs best.<\/p>
Enable Gzip compression using the .htaccess file<\/h3>
This method of enabling Gzip compression is quite technical, so it’s more suitable for advanced users. However, anyone can do it as long as they’re careful.<\/p>
Important!<\/b> Before we continue, back up the .htaccess file first in case something goes wrong.<\/p><\/div>\n\n\n\n<\/p>
This tutorial will show you how to modify the .htaccess <\/strong>file using the File Manager of your web hosting provider’s control panel. We’ll be using Hostinger’s hPanel. However, you can also use an FTP such as FileZilla client<\/a>.<\/p>
To enable compression via the .htaccess <\/strong>file, follow the steps below:<\/p>
- \n
- Access File manager<\/strong> from the hPanel dashboard.<\/li>\n<\/ol>
![\"hPanel](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/07\/hPanel-dashboard-1-1024x433.png\")
<\/a><\/figure><\/div>- \n
- Open the root directory (public_html<\/strong>) and locate the .htaccess<\/strong> file.<\/li>\n<\/ol>
![\"Locating](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/07\/filemanager-htaccess-1024x344.png\")
<\/a><\/figure><\/div>- \n
- Double-click on the file to open it, then paste the following code into it before the # END WordPress<\/strong> line:<\/li>\n<\/ol>
<IfModule mod_deflate.c>\nAddOutputFilterByType DEFLATE text\/plain\nAddOutputFilterByType DEFLATE text\/html\nAddOutputFilterByType DEFLATE text\/xml\nAddOutputFilterByType DEFLATE text\/css\nAddOutputFilterByType DEFLATE application\/xml\nAddOutputFilterByType DEFLATE application\/xhtml+xml\nAddOutputFilterByType DEFLATE application\/rss+xml\nAddOutputFilterByType DEFLATE application\/javascript\nAddOutputFilterByType DEFLATE application\/x-javascript\n<\/IfModule><\/pre>
- \n
- Hit Save <\/strong>to keep the changes.<\/li>\n<\/ol>
![\"Hostinger](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/11\/Web-hosting_in-text-banner.png\")
<\/a><\/figure>How does Gzip compression work<\/h2>
![\"A](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/10\/gzip-compression-677x1024.png\")
<\/a><\/figure>To understand Gzip, you first need to know how a website works.<\/p>
A website is made up of web files stored on a web server. When a person types the website’s URL into a browser, the browser sends a request to the web server hosting the desired content.<\/p>
The web server processes the request by retrieving the requested files from a database. It sends the files to the browser in the form of an HTTP response. Naturally, the bigger the size, the longer the data transfer will take.<\/p>
Once the browser receives the files, it will render the web page in question.<\/p>
However, there will typically be repeated data within text files, such as duplicate characters or words appearing several times throughout a document.<\/p>
Within HTML files, for instance, there will be a similar closing tag for every opening tag. For example, the opening tag <table><\/strong> will be paired with <\/table> <\/strong>, while the <div> <\/strong>tag will be paired with <\/div><\/strong>.<\/p>
Gzip employs the lossless DEFLATE <\/strong>algorithm, which finds and replaces these duplicate strings with unique identifiers.<\/p>
This process is called character encoding. It produces zipped or compressed files whose names will end with the .gz <\/strong>file extension. The file in the compressed size is smaller compared to the original or uncompressed version. This saves bandwidth and results in faster data transfer times.<\/p>
Once the end user’s browser receives the compressed file, it will unzip or uncompress the file. The unique identifiers in the compressed file will be decoded back to the original data.<\/p>
Important!<\/b> While Gzip can be used to process files of any type, there will be no significant amount of file size reduction for already compressed file types, like images or videos. Such files may even increase in size.<\/p><\/div>\n\n\n\n<\/p>
In addition, note that Gzip is not the same as ZIP. The latter is also a lossless compression method, but it is used for storing files rather than transferring them. It produces a .zip <\/strong>file instead of a .gz <\/strong>file.<\/p>
Why enable Gzip compression<\/h2>
Gzip is only one of many data compression methods and algorithms. Examples of other methods include ZIP, TAR, and 7Z.<\/p>
You may wonder why you should enable Gzip compression instead of other methods, especially when they supposedly have better performance. For example, research conducted by Expedited Security<\/a> shows that Google’s compression algorithm Brotli can compress HTML, CSS, and JavaScript files into smaller sizes than Gzip.<\/p>
That being said, there are many reasons to choose Gzip over other methods or algorithms, including:<\/p>
- \n
- Free and open-source nature. <\/strong>The Gzip software is free to use. It was first created as a free substitute for compress<\/strong>, a patented Unix shell compression program.<\/li>\n\n\n\n
- Large market share. <\/strong>As of June 2022, around 60%<\/a> of all websites compress files with the Gzip method.<\/li>\n\n\n\n
- Minimal resources. <\/strong>Gzip uses relatively little computing power and temporary data storage compared to similar methods.<\/li>\n\n\n\n
- Effective compression ratio. <\/strong>The Gzip method can reduce the size of small text-based data files by around 70%<\/strong> and up to 90%<\/strong> for larger files.<\/li>\n\n\n\n
- Fast compression and decompression speeds. <\/strong>Gzip is quicker than many of its competitors, such as Brotli and BZIP2.<\/li>\n<\/ul>
With its quick and efficient compression time and ratio, Gzip helps reduce page load time, increasing SEO ranking.<\/p>
Fast load time positively impacts web pages’ rankings on search engine results pages. The faster the site loads, the higher it ranks. The higher it ranks, the more visibility it gets, driving traffic to the website<\/a> and increasing its revenue.<\/p>
Conclusion<\/h2>
Gzip is a file format and a type of lossless compression technology used to reduce the size of files and speed up sites. Gzip works using the DEFLATE<\/strong> algorithm, which finds duplicate strings within a text file and replaces them with unique identifiers. They are decoded back to the original data during the decompression process.<\/p>
After enabling Gzip compression, your site’s visitors will have a great user experience, and it will possibly rank higher on search engine results pages.<\/p>
You can check whether a website has already enabled Gzip by using a website or online Gzip speed test or your browser’s developer tools.<\/p>
Gzip compression on a website can be enabled using two methods – installing a WordPress plugin or editing the .htaccess<\/strong> file<\/a>. We recommend installing a plugin rather than editing the .htaccess <\/strong>file for beginners – it is easier and less risky.<\/p>
Although various compression methods and algorithms are available, there are many reasons to choose Gzip compression over others. Not only is it free and open-source, but it also boasts one of the most effective compression ratios and is very fast.<\/p>
We hope this article has helped you understand Gzip compression better. We wish you good luck with improving your website.<\/p>\n","protected":false},"excerpt":{"rendered":"
Search engine optimization (SEO) is an inseparable part of digital content creation. After all, the ranking of websites or web pages on search engine results pages directly impacts visibility and traffic. One of the deciding factors of SEO ranking is website speed. Thus, it is crucial to ensure your site loads quickly. Otherwise, people might […]<\/p>\n
- Large market share. <\/strong>As of June 2022, around 60%<\/a> of all websites compress files with the Gzip method.<\/li>\n\n\n\n
- Free and open-source nature. <\/strong>The Gzip software is free to use. It was first created as a free substitute for compress<\/strong>, a patented Unix shell compression program.<\/li>\n\n\n\n
- Hit Save <\/strong>to keep the changes.<\/li>\n<\/ol>
- Double-click on the file to open it, then paste the following code into it before the # END WordPress<\/strong> line:<\/li>\n<\/ol>
- Open the root directory (public_html<\/strong>) and locate the .htaccess<\/strong> file.<\/li>\n<\/ol>
- Hummingbird<\/strong><\/a>.<\/strong> This plugin gives users more freedom to choose which aspects to optimize. Gzip compression, minification, and lazy load offscreen images are some of its main features.<\/li>\n\n\n\n
- Click on the Network <\/strong>tab. You should see all the resources the web server has sent. In case you don’t, reload the page.<\/li>\n\n\n\n
- Lossless compression<\/strong> – preserves all the data within the original file.<\/li>\n<\/ul>