ShadowScripter 0 Junior Poster in Training

Hi, I've noticed some websites don't display their content until everything's been processed, downloaded and ready for render.

The result is images DO NOT render after download, so there're no images popping up everywhere on the page while the page is processing its next request, but wait until it's done and render everything at the same time.

I've used image collections (background-positioning), to lessen the amount of requests; the bits of the same UI are displayed simultaneously since they belong to the same collection.
If I were to use just one major image collection for everything on the page, it would take up a large amount of space, and a long time to download, not to mention the tedious work of placing the images inside the collection.

I've got three questions:

  1. Can this be done using JAVASCRIPT / PHP, if yes, could you give me an example?
  2. Is this what they are doing or do they use a different technique?
  3. Is image collections a good idea, in general?