Load order of graphic images

Load order of graphic images

I’m concerned about the order in which images I use on a site are loaded. Specifically, I want toload certain images before others.

Any ideas?

There are three ways I can think of for tackling your problem:

  1. Since your browser reads an HTML file from top to bottom and opens the connections to call the images in the order the HTML is parsed, I recommend using ALIGN and VALIGN attributes to their fullest.

    So let’s say that you wanted a graphic on the top left to be the last to load. What you would do at the very bottom of the file is call the image:

    <img src="last.gif" align="LEFT" valign="TOP">
  2. You may also be able to fool the browser by using the LOWSRC tag where the image being called in the LOWSRC is really just a transparent GIF. <img src="last.gif" lowsrc="transparent.gif">
  3. Finally, I would also use file size to your advantage. For example, GIFs with the highest memory that do not dither will pop on the page only after it’s completely loaded.I’d be interested in hearing which solution you choose, and to see it in use.

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist