Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: incrediBILL
Our new website is exceptionally slow to load in the browser when using a dial-up connection - but to make things even worse;
The homepage only shows in the browser after it has finished 'loading' - i.e. the screen is just white and then after the loading time, the 'completed' page shows on the screen - there is no chance to read the text while images are loading - or for the user to at least see that that the loading is happening on their screen.
The thing is we don't why this is happening - it didn't happen with our old website. The page is very CSS orientated using a full CSS colum layout - does that have something to do with it?
Any ideas would be much appreciated.
You've got height/width/alt text for EVERY graphic, right? Maybe there mighr even be a missed closing tag or something? Have you tried using img lowsrc?
The page is very CSS orientated using a full CSS colum layout - does that have something to do with it?
22,000 x 8 = 176,000 bits @ 48,000bps = almost 4 seconds
The same goes for images and tables. If you don't tell the browser what size the images are it has no way to show place holders until it downloads the images and checks the sizes itself.
If your using netscape, opera, or mozilla they all will download the favicon image. Since favicons images are uncompressed if you have a 32x32 favicon image it could be as large as 3,000 bytes adding another half second to your page. If your using a 64x64 image it could be larger than 12,000 bytes adding 2 seconds. I don't know if browsers download the favicon before or after it downloads the page. It's just something you might think about if your using them.
I think I have virtually got to the bottom of it. We were using @import tags to link to the style sheets - by changing these to the normal link tags the page starts to render on the screen gradually, which is exactly what we wanted to achieve.