Performance Gains with Image Optimization

Content optimization tasks involve either textual content optimization or graphical content optimization. Decreasing document size and trimming Html code to the point that it has effect on Web page load time and overall Web site's performance is probably an option most Webmasters look at in their optimization efforts.

Recently we looked at how it is possible to save storage and bandwidth with simple modification to Html code and how this strategy could have positive impact on a Web page performance and for large Web sites it can affect dramatically both performance wise and add considerably to the bottom line.

However, there is another option for optimizing content to decrease load time and that is to optimize graphics on a Web page.

As can be seen on the pie chart, showing proportion between textual content and images from a large sample of Web sites, for every character in an Html document there are approximately four bytes of image data.

The bar chart shows that Web pages in favorable search engine positions contain considerably less image data and textual content than the general Web pages and therefore use 47% less hosting space and bandwidth as well.

This is content optimization at its best.

Related links:

• Reducing Load Time Through Image Optimization
• Speed Up Your Website with Better Image Optimization in Photoshop
• 10 Image Optimization Tools to help reduce image file sizes & page load time

Filed under: Optimizing Web Sites , User Interface Design

Posted by: Webmaster on : August 2009