While working on the project we came across the situation where the client told us the page load time<\/b> of our home page is very high<\/b> and we must do anything in the world in order to reduce this load time as it is the heart of our website.<\/p>\n\n\n\n
As a result, we moved to some open sources tools to analyze our web page Google Page Speed<\/a>, GT Metrix<\/a>, Web Page Test<\/a> to name a few.<\/p>\n\n\n\n Then we found the culprit<\/b>! They were the high-quality images (which were apple of our client’s eye) on the page. And it contributed more than 85%<\/b> of the load time. Then we got back to the client saying we need to compress images on the page, and the client said a “BIG NO”<\/b> and told us to find a solution while maintaining the high-quality resolution of images as it is!<\/p>\n\n\n\n In order to describe your whole situation to you, we decided to create a simple homepage having all the images with resolution greater than 1024 x 768<\/b> pixels. We measured load time using simple JQuery<\/a>. See below for code.<\/p>\n\n\n\n