Web pages load slowly and one by one

jsp page and images load slowly one by one

[blazinvibes]

Hello All,

I have a site designed in Jsp. I notice that when all the images load, they take a long time to load and load one by one which doesn't look nice.

I'm not sure if the problem is to do with:

The size of the page.
The size of the images.
The type of server I'm on.

I have some java code in the page which connects to a database and their are a number of connections on certain pages, but when I put all the jave code onto a single page the page loads without any delay whatsoever.

My home page, for example is 132kb. It contains 129 images, has a size of 476 KB (487,532 bytes) and a size on disk of 880 KB (901,120 bytes).

Is this too big? What would be the best way to optimise my pages? Can it be optimised?

Thank you all for any help or advice you can give.

Kind regards

Andrew

[edited by: heini at 3:51 pm (utc) on Oct. 18, 2003]
[edit reason] Please don't use urls, thanks! [/edit]

[mattur]

Yes, imho way, way too big, and far too many images. Are you sure your weights are correct? Is 132KB the size of the html file delivered to visitors, or the size on disk of the file with all server-side processing code in it? 1/2mb of images is a heck of a lot!

Around 30-40K (page total) would be the kindof size to aim for. Obviously if you site is an image/art-focused site, your pages may need to be larger. But the basic rule is: visitors like fast sites, so make your pages as light and quick as possible.

To optimise it, strip out decorative and text images, break up your content onto multiple pages, trim your html of any bloat, use CSS where possible and design your pages to progressively render. You may pick up tips from comparing your site with other sites that you find to be fast and responsive. HTH.

[blazinvibes]

Hello mattur,

the 132kb is the size returned to the user from the browser.

I notice that you suggest to trim the HTML of any bloat, but how do i do that?

What types of things do I look for in particular to remove.

I have heard that I should remove all spaces, but what are they, is a space a  ?

I'm not sure how or where to start removing stuff!

All the best.

Andrew

[mattur]

It's pretty hard to give specific advice, without knowing what your pages are like.

Why is your page so big?

Have you got a massive long article on the main page, lots of nested tables, lots of font tags etc. Sorry to be a bit vague, but I'm kind of groping in the dark here... ;)

[blazinvibes]

Hello,

Their are a number of nested tables on the page. Also the page is quite long I think, though I'm not sure if the home page is a typical size or not.

I placed the URL on my profile page if you want to look.

There are a number of font tags created from within code as well.

What takes up more space the tables or font tags?

[g1smd]

Replace all the <font> <b> <i> <u> tags with an external stylesheet.

You have 132KB of HTML and 355KB of images. That is waaay too big.

You should break that page of images down into many separate pages.

Remove as much whitespace from the code as possible. View source. Highlight all the code. See all the big areas of blue highlighting blank space? Lose them, especially any blank spaces on the right hand end of any lines.

Run the code through [validator.w3.org...] too, to clear all the errors.