We have previously discussed Web page speed optimization and how optimizing the HTML code and especially images can improve Web page loading time. The reason is very straightforward. According to our study, images are more than threefold the size of HTML markup source code.
Many photo and image software titles have options for users to optimize images, resize them and choose the most appropriate image format. One option to optimize Web pages with a number of big images or photos is to control loading and display time and speed using Java Script to incrementally adding the necessary images while displaying the Web page with bare minimum content. Another option is to deliver image files and multimedia content with content delivery networks.
CSS sprites have gained ground recently and if you are interested in learning about CSS sprites we have included some interesting links to articles about the subject.
According to our Web site study, the average sum of text content on the Web pages we visited is 36062.41 bytes while the average sum of total images is 134091.36 bytes. Therefore, it is easy to assume optimization on images might be the first choice when performing Web page optimization tweaks and adjustments.