How to Enable GZIP Compression in WordPress
Advertisement
We know that the load time of a website now affects SERP. As per Google, if your website takes more than 3 seconds, you are losing valuable traffic. There are lots of things that affect load time. I already wrote how to speed up the WordPress website. Enabling Gzip compression is also a way to improve load time. If you are not sure how to enable Gzip compression in WordPress, keep reading. In this article, I will explain everything you need to know about Gzip and way to enable it in WordPress.
Also see: How to leverage browser caching in WordPress
What is GZIP Compression?
GZIP is a file format used for file compression. If it is enabled on the server side, it serves the compressed form of HTML, stylesheets and Javascript files. Gzip compression can reduce files for up to 70%. When a user request for a web page, browser checks if the web server has GZIP enabled by checking content-encoding: gzip” response header. If this header is present, it serves compressed files.
How to enable Gzip compression
Compression is enabled via web server configuration. So, different web servers have different steps to enable the compression. WordPress has nothing to do with the server as it is just a PHP based script. But caching plugins allow you to edit .htaccess rules to enable the GZIP compression.
Advertisement
In Apache server
If you know how to edit .htaccess file using Cpanel or FTP, you should add this code in .htaccess file. Add this code after the existing code. You can find this file on the root of your WordPress installation. Make sure to have a backup of this file before you make changes. If you do anything wrong, it will break your website.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule> |
In NGINX
If you are running on NGINX server, add the following code in nginx.conf file.
1 2 3 4 | gzip on; gzip_disable "MSIE [1-6]\.(?!.*SV1)"; gzip_vary on; gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript; |
How to check if Gzip Compression Is Working
There are few websites where you can check if Gzip compression is working on your website. You can use these websites.
Final Words
There are several factors which affect Website’s load time and every single thing should be taken care. Gzip is an important thing and you must enable it on your website. You will surely see the improvements in load time.
Website’s load time affect ranking on Google. So, you should take this seriously.
Do you want to say anything? Any thoughts or additional tips? You can leave a comment.
Advertisement