Here are 10 quick tips for decreasing the load time on your graphics.

1. Use Height and Width (Size) Attributes.

Example: width=”144″ height=”259″

Every time a browser loads a webpage it looks for the the height and width attributes (size) of each image in your html code so it knows how to lay out the text and the graphics on that page.

This all takes place instantly behind the scenes. When the proper attributes are used, the browser loads the text before the graphics. This is good. It’s faster this way.

If you don’t use the attributes, it causes a delay waiting for the browser to download the images first and then lay out the text. The browser has to play catchup. It can’t load text onto the screen until it has figured out the exact size of the graphics.

Make sure to use attributes on all your graphics, even those little tiny ones, like buttons and bullets.
(more…)