How to compress picture for website speed

How to compress picture for website speed code#

Obviously the more images you add, the larger the size of total image sizes so it is important that they are all compressed as much as possible. Having a webpage of similar nature with image sizes larger than a megabyte is simply not acceptable. If they were just static non-moving images then they would be a lot smaller. This is still large but not too much of a concern now because we have a number of moving gif images. Before we compressed the images, they were several times larger in megabytes than what they are now. We have already compressed these imagesВ for web as much as we can following the steps below. The number that I would be most concerned about is of course the images. Because of the integrations and the lack of control we have here, iвЂ™m not so concerned. The Javascript is a large size because we have a number of integrations to help with testing, measuring and optimising the site for conversions.

The combined amount of all the assets is 1730kb or just under 2mb. Images вЂ“ The pictures that are shown on the website: 885kb. JavaScript вЂ“ The scripts that are run to add enhanced interactivity as well as collecting analytical information with the website: 742kb. Style sheets вЂ“ The styles that make up the design of website: 65kb.

How to compress picture for website speed code#

HTML вЂ“ The text and code that makes up the structure of the website: 38kb. Here is the breakdown of our own websites homepage: If you look at the breakdown of an average website, the majority of the files that make up the website are images. The makeup of the Web3 web page in its current form