Is your website sucks and decline to load fast? Your are not the only one!
Many of us are suffering with the slow loading web page pages. Sometimes from the very beginning or may be after 1 or 2 years of fine performance.
The problem is magnified with Google announcement that website speed is a ranking factor now. SEO bots measure youe page speed and it dislike slow loading pages of your website. This could easily turn out to be a brand crisis for you.
What are the methods to increase your page speed?
Don’t sit idle thinking about hiring someone to do it for you. You can also contribute your not to effectively improve the performance of your web pages. Follow the steps ahead to fine-tune your website.
Leverage browser caching
Always use optimized images and try to use fixed size image size in your website. Rescaling images by the browser bites you since browser spends more time is estimating the scaling the images to display it properly in the browser. By image optimization, we mean to assert that unless extremely necessary, use web resolution images. We also mean that the width and height of images are not more than required. If you are using b/w image, don’t make it using 16 bit color / 32 bit color spectrum; rather use a maximum up to 256 colors. Optimize as much as possible.
Use html compression
When you use HTML compression, the server compresses your HTML output before sending it to your browser. Use this when your page size (HTML) starts to grow beyond 40KB and retrieving HTML content takes longer to transmit. In this case, the browser decompresses it and then renders the output.
Delay JS loading
Insert JS file references at the end of HTML. This will improve your response time. Since JS is a blocking operation, delayed loading improves the visible responsiveness of your page and your viewers will enjoy the agility of your pages.
Use sprite images
Instead of using many images, which is loaded by the browser separately on independent thread, using one collage of images and using different sections of it using CSS background positioning will improve the response. This is because, say for example, loading 5 images will need 5 separate threads and connections and each connection will transfer one image to the browser, but if one image consisting of 5 images are loaded in a single thread, there is only one connection required, which reduces the resource intensive operation of establishing connections and transfer of data.
Minify and bundle your CSS and JS files
Many a times, many CSS files and JS files are used by a website. As mentioned in point 4, all these files are to be loaded and need connections to the server, which is very expensive in terms of time. So minifying it and bundling together speed up your site many folds.
The tips above help you in generating high speeds even if you are hosting your site on a shared server. But, in no way this list is complete. There are many more ways you can achieve it, but the best of them which can be controlled and help you in all situations are the ones listed above. After implementing the above, you can test it using Google Page Speed Insight