We often get irritated when certain websites take a much longer time than others to load in our browser. This is a problem that we all have faced in some website or the other, and as a result, we have vowed never to go back to that site.
The Internet user is impatient, and they don’t like to wait for a single second, and you need to capitalize on this point. Reducing the time taken by your site to load on to the browser will help you improve your SEO ranking, and it will definitely enhance the user experience.
Before we start on how to reduce the time and what should be done, let us first understand what happens when we try to load a web page. These are the following steps that take place whenever someone tries to load a web page –
- The website’s server receives the request from your browser
- That particular page is sent to your browser after the server finds the page
- That page is downloaded by your browser and is displayed on your screen
The time taken by each step summed up is the total time taken by your site to load on to someone’s browser. When we talk about reducing the time, we talk about reducing the time taken by these steps. This is not so simple after all, with all the images and Java Scripts and other links and files in, the loading time does get affected. But you need not worry anymore; this article has got you covered.
There are various ways to shorten the time lag of your website. Today we are going to discuss the most essential method that is compressing your files. Compressing is an efficient and effective way to decrease the loading time of your website. The files compressed are changed into zip format, which is smaller in size so they can be transferred from the server to you’re the browsers faster than normal files. You don’t have to worry about the browser of the user as all the browsers available in the market can actually unzip a file and open it in no time. Way to go!
The usual question? What is compression? Compression is the method of compressing files so that their size becomes, which is eventually easier to transfer on the web. To go by the meaning of the word compression means to compress, and, in this scenario, we’ll be compressing files. Technically compression works by scanning the available data, then it finds all the repetitive data that is present in the file and replaces those repetitive files with an identifier that is actually less in size than the original data. When this file is uncompressed, then the duplicate data having the identifier gets replaced with the original data.
How and Why Does Compression Matter in SEO?
Compression is related to SEO because the ultimate motive of compression is to increase the speed of transfer of files, and speed does matter in SEO. Hence, compression is deeply related to SEO.
Search engines like google always try to suggest websites that are faster in loading and have accurate information. If this load time is less for your website, then Google is more likely to recommend your website provided that your information is accurate, and the site is up to date. This is how compression can improve your SEO rankings.
The procedure to enable compression depends on your server and how it actually works. In this article, we’ll go through the methods of implementing compression in the majority of the servers.
The steps are as follows on various servers –
Compression through .htaccess
A significant number of people use WordPress for their website management. Hence, for most of the people, it is just adding the codes to their .htaccess on their server or using a simple plugin for this matter who uses WordPress. Another way to enable compression is to use the file manager and do it externally. After adding the codes, save and refresh your page.
Following are the codes that you need to add to your .htaccess file for enabling compression –
Compression on Apache Servers
Apache serevers have been improvised and these codes work with the new servers –
Delete the existing codes and add this code to your server
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
People using the deflate will have the advantage because gzip is not primarily installed but deflate is
Compressing files on NGINX server
In your server gzip is enabled by default. We need to find this setting first and then add our code to the existing settings for optimum results.
Follow the steps to enable compression –
- Open the main configuration file of NGINX server in your choice of text editor.
- Search for gzip settings
- Uncomment the settings
- Add: gzip_min_length 256;
- Go to gzip_types and add: application/vnd.ms-fontobject application/x-font-ttf
font/opentype image/svg+xml image/x-icon
- After making all the necessary changes, your gzip settings file is going to look like this –
- Save and close the file
- Restart NGINX to enable the changes
Above mentioned are the procedure for updating your setting to get the optimum benefit out of Compression.
Trying Out the Compression
Now that you’ve worked so hard, added all the codes whichever applies to your server, it’s time to test your site. Open WooRank and run a test. This will tell you if your files are compressed or not.
All the Best!