Click here to get back home

Impact of images on load performance

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
Impact of images on load performance Ben Long 11-29-2004
Posted by DU on March 4, 2005, 3:55 am
Please log in for more thread options


Ben Long wrote:

> Hi All,
>
> A partner of mine has been charged with identifying a performance /
> load problem currently experienced on one of our websites.
>
> I'm thinking it may be a combination of HTML formatting and syntax
> along with the number of images (<img> tags) being used on a single
> page. The problems seem to persist around IE (5.0+ on multiple win OS),
> however FF 1.0 sometimes chokes but usually clears once the images are
> loaded.
>
> If I understand correctly, IE will wait until the contents of a table
> are loaded/rendered before displaying the table.

Yes and no. Usually, IE will wait until the contents of the table is
loaded/rendered before displayin the table unless... table-layout: fixed
is used and is accordingly triggered. See the specs on this.

This could certainly
> explain what we are experiencing - I'm looking for a consistant
> explanation of a random behavior.
>
> I reviewed some of the source, and at times there are 60+ <img> tags on
> a single file read by the browser. Most of these img tags are 'spacer'
> images but imgs all the same.

Then they each need a single http connection.

Does anyone know the impact of img's on a
> web page - i.e. the number of http connections, etc. Any help is
> appreciated.
>
> Thanks,
> Ben
>

The impact of images is usually big for 2 sorts of reasons:
- size of each individual image files; that's one reason why PNG images
are preferred
- number of each images which requires a single http connection to the
server.

There is also a possible 3rd reason why and it's given by Microsoft:

{ When you run Internet Explorer, the Internet Explorer cache is not
used as you expect when you run innerHTML code to insert the same image
multiple times. Notice the following code samples:

myDiv1.innerHTML = "<IMG SRC='image.gif'>"

myDiv2.innerHTML = "<IMG SRC='image.gif'>"

The preceding code results in sending two GET requests to retrieve
the Image.gif file in Internet Explorer 6.0. Three GET requests are sent
to retrieve the Image.gif file in Internet Explorer 5.5. Your
expectation is that the Web server would be hit only one time.

STATUS
This behavior is by design.
}
excerpt from
http://support.microsoft.com/default.aspx?scid=kb;en-us;319546

I recommend to avoid spacer images, images of text (very bad) and table
design (in particular nested tables).

DU
--
The site said to use Internet Explorer 5 or better... so I switched to
Mozilla 1.7.5 :)


Similar ThreadsPosted
Can I specify that some images load before others? December 1, 2005, 6:41 am
wget -p does not load my images October 25, 2006, 11:52 am
How do I automatically load a different page ? November 10, 2004, 1:04 pm
how to load a different image on a web page February 5, 2007, 12:09 pm
Textarea style not applied on first load November 22, 2007, 4:29 pm
Troubleshooting page load delays: Whats the best approach? Software? July 26, 2006, 3:15 pm
images won't appear in IE January 3, 2005, 8:40 pm
why a different tag for SVG images? April 4, 2006, 12:18 am
two images i corners December 11, 2004, 4:04 pm
Background images January 25, 2005, 5:19 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap