What have we covered ?
In the previous article, we discussed about certain small factors which affected the overall response time of the website. These factors usually affected the response time because of unorganised coding. In this article, we will focus on reducing the size of our webpage. The size of webpage directly converts into the amount of data downloaded by the user. Thus, it is extremely important to keep the size of web page as small as possible for a better performance.
The image below is taken from GTMetrix. It gives a better picture of what other problems could possibly come your way while improving your website performance.
Issues and Resolution
- Caching: I’ll skip few points from the above image and come to a really important point. Caching helps you in a significant reduction of load time. Caching is a process of keeping the content ready to serve when user asks for it. There are 2 levels of caching in WordPress:
- Server Level Caching: In this type of caching, compiled files are stored on the server and served as and when needed.
When it comes to replacing these files you might wonder how to do it in WordPress. We discussed in the previous article that you will require the WP File Manager plugin to perform some of these steps like replacing resources on WordPress. The use of the plugin is straightforward. In case you face any troubles, feel free to comment below
- Compress or Lazyload Images: This is the most important factor that affects your page size. Nowadays, the quality of images are getting better. You would normally be using bunch of images on your front page to display your work more professional. However, in order to improve the website ranking, we might need to compress the sizes of images. Compressing the image would usually mean reduction of quality. Basically, it involves averaging of few pixels and reducing overall pixels per inch for the image.
To reduce the image sizes in WordPress is again a really easy task. There is a plugin called Smush Image Compression and Optimisation.This plugin compress all your media on click of a button. In limited version of the plugin, you can compress upto 100 images on one click of button.
As already mentioned above, another way of dealing with images is to Lazy load them. Although there are straightforward plugins for lazy loading images, I found one plugin in particular which works perfect – The BJ Lazy Load to be the best. Except an issue it causes with the recaptcha, rest of the features work perfectly. The website loads up quite fast.
- GZIP Compression: This would be the final step I would advice to get the best out of your website. GZIP compression is a method of compressing the HTML and other resources of the webpage at server level. This helps in reducing the data that client needs to download before they can view our page.
For WordPress, it can be easily implemented by marking the checkbox in WP Fastest Cache options as shown below.Since this is a generic article, here are some links for enabling Apache Tomcat server for compression.
Enable GZIP Compresion in Java – 1
Enable GZIP Compresion in Java – 2
With all these factors explained, I hope you get a considerable improvement in your website performance and you move towards a better page rank. For any doubts, feel free to get in touch.