|
Posted by Ben Long on November 29, 2004, 2:49 pm
Please log in for more thread options
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. 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. 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
|
|
Posted by jmm-list-gn on November 29, 2004, 5:09 pm
Please log in for more thread options
Ben Long wrote:
>
> 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.
>
It depends:
- on the number and size of the images. Obviously, large images take
longer to download. A lot of small images can time-consuming too if they
are all different and the server is busy. Most browsers are smart enough
not to repeatedly download the same file.
- on whether the <img> tags have width and height attributes. Without
width and height, the browser must wait until an image is fully downloaded
before discovering its size. This slows down layout.
- on how images are scaled. Are large images scaled down to a smaller size
using width and height? If so, bad plan.
- on how heavily tables are used for layout. It's somewhat browser
dependent but generally tables are rendered late, when enough of the page
is received to guess at the sizes for the rows and columns.
--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
|
|
Posted by Mark Tranchant on November 30, 2004, 9:06 am
Please log in for more thread options Ben Long wrote:
> If I understand correctly, IE will wait until the contents of a table
> are loaded/rendered before displaying the table. This could certainly
> explain what we are experiencing - I'm looking for a consistant
> explanation of a random behavior.
Table-based layout? Tsk.
> 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. Does anyone know the impact of img's on a
> web page - i.e. the number of http connections, etc. Any help is
> appreciated.
One connection per file. Sounds to me like you need to redesign the page
not to use image slicing and tables.
A URL would help us diagnose further.
--
Mark.
http://tranchant.plus.com/
|
|
Posted by Bruce Lewis on November 30, 2004, 10:52 am
Please log in for more thread options
> One connection per file. Sounds to me like you need to redesign the
> page not to use image slicing and tables.
It isn't likely to be one connection per file. Few browsers or servers
are stuck with HTTP 1.0. Since HTTP 1.1 it's been possible to serve
multiple requests over a single connection. If the image files are
reasonable size and the IMG tags have WIDTH and HEIGHT attributes, the
page should load quickly.
I'm looking at a page on ourdoings.com that has 12 50k images, but loads
quickly. Then again, they all get WIDTH and HEIGHT tags, and I don't
use table layout. Additionally, even the dynamic pages use persistent
connections.
--
http://ourdoings.com/ Let your digital photos organize themselves.
Sign up today for a 7-day free trial.
|
|
Posted by Ben Long on November 30, 2004, 1:01 pm
Please log in for more thread options Thanks - table based is bad - I know. It's not image sliced layout but
the navigation is heavily image based. I've already recommended they
change it. Thanks for the feedback.
|
| Similar Threads | Posted | | 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 |
|
XML Sitemap