How do you get a page to load from top to bottom?

[uwzero]

i have a lot of images and I want the page to load from top to bottom all the way down.... How???

[ray326]

In general you can't.

[skilled1]

only way of having something like this happen is to use a HTML page loader, that will load all the images before you get to your site, as for being able to donote which images load first, as ray326 said, you really can not control that.

[felgall]

The page will start loading each image when it reaches a request in the HTML, CSS, or Javascript that tells it to do so. How long it will take depends on a number of factors including the size of the image and the load on the server. Since all start downloading requests will occur almost at the same time (since the text content of most pages is small) the smallest images are the ones that are most likely to finishe downloading first. If you put the small images at the top of the page and the huge 10k ones at the bottom of the page then most likely the top ones will finish downloading first but there asre no guarantees.

[darthbator]

The page will start loading each image when it reaches a request in the HTML, CSS, or Javascript that tells it to do so. How long it will take depends on a number of factors including the size of the image and the load on the server. Since all start downloading requests will occur almost at the same time (since the text content of most pages is small) the smallest images are the ones that are most likely to finishe downloading first. If you put the small images at the top of the page and the huge 10k ones at the bottom of the page then most likely the top ones will finish downloading first but there asre no guarantees.

how much of an impact does specifying image heights and widths have on page load time? what about for tables?

[robertketter]

"specifying image heights and widths have on page load time?"

The only thing specifying image size will do is basically create a place holder of a certain size. Have you ever visited a website where you begin reading and all of a sudden the text shifts and now your looking at an image... well this is avoided when designes specify the size of the image so the browser can create the place holder prior to completeing the download of each image. Without specifying size the browser is having to guess image size prior to rendering it.

[felgall]

Specifying height and width makes the page load fractionally faster as the browser doesn't have to move everything around after an image finishes loading.

Using tables will make the page either slightly slower or much slower to load depending on how you code the tables since browsers generally have to wait for all of the content of a table to load before working out howe to display it properly. Using tables has the least impact if you avoid including images inside the table.

[darthbator]

Specifying height and width makes the page load fractionally faster as the browser doesn't have to move everything around after an image finishes loading.

Using tables will make the page either slightly slower or much slower to load depending on how you code the tables since browsers generally have to wait for all of the content of a table to load before working out howe to display it properly. Using tables has the least impact if you avoid including images inside the table.

thanks for the info. sorry for going off topic a little bit. my problem is similar to the original poster's.

basically, the site i'm working on loads slowly and i've narrowed it down to banner ads that run down the right side of the page (we use flash, gif/jpg and google ads, fyi). www.clubzone.com (http://www.clubzone.com)


originally, the page was designed with one large table with 4 cells. 2 at the top (one for the header and one for quick nav buttons) and 2 at the bottom (main content and banner ads). so it looked something like below:

_______________________________________________
| header | buttons |
|_____________________________________|________|
| content | banner |
| | |

u get the point.

when it was formatted this way (let's call it A), the header and buttons would load, then the rest of the page would get hung up while the banner was loading.

then i tried using one big table but only 2 columns (aka B) - 1 for the header and content and 1 for the buttons and banner. when formatted like this, the whole page must wait for the banner to load then everything is displayed. but the thing about it is that B loads significantly faster. 2 secs versus 5-6 seconds.

we're looking for fast page loads but also a way so the page doesnt have to wait for the banners to load before you can see the content. is there a way to do this? cuz its apparent that formatting plays a huge role in how fast a page loads.

[felgall]

That's one of the reasons why you should use CSS to control the layout rather than tables.