How to Improve Website Speed

0
575

In today fastest world it is important to increase your website speed. Nowadays there are so many websites living in online. So surely competency occurs among all websites. To win in this competency your website must have decent speed. If your website fails to open quickly the visitor simply leave your website and may browse other site. So to keep the new visitors you need to increase your website speed.

How can you find that your website is speed or not? It’s simple there are many online tools available for testing website speed, among them I recommend to use Google Page Speed Insights and Yahoo’s Yslow. Yslow available as add-ons you can install in your web browser and use it. Also these tools will tell you why your website takes much time to load.

Now I am going to give you some common tips to increase your website speed. Follow these steps correctly, so that your website speed will increase surely.

Optimize Images:

The first thing you need to compress images which you have used in your website. Because normally images should take some times to load. If you are using high memory size image means then it will take long time to load. If it possible means you can avoid using images and try to use font icons and background colours. Also try to use JPEG images instead of PNG because PNG image may take time to load If necessary means you can use PNG. I am using media4x.com to compress images.

Minify JavaScript, HTML and CSS:

Unminified JavaScript, Html and CSS have larger file size and so it will take time to load. So it is necessary to minify these files. There are many online tools available for compress/minify these file and you cake use of those tools.

Leverage browser caching:

Try to add expiry header to all your images, JavaScript, Html and CSS files. The purpose of expiry header is to tell your visitor browser to cache these file for particular time period and so when your visitor open your website second time it will load quickly. If you eager to know more about Leverage browser caching, read my older post Leverage browser caching: How to add expiry headers.

Eliminate render-blocking JavaScript and CSS:

Try to eliminate render-blocking JavaScript and CSS and it can be done by place your CSS and JS file below footer. Please make sure sometime some JS file may fail to work properly when placed below footer. Also you can use async in your script as <script async src=”link.js”></script> to avoid render-blocking JavaScript but sometimes it may affect your functionality.

That’s it after doing all these now test your website speed and see how much the website speed get increased. If you have any feedback please leave your comment below.

LEAVE A REPLY