Rohan Rohan - 1 month ago 4x
jQuery Question

When does document.ready actually fire?

Let's consider the following case:

There is a 2.5MB image in an

tag and I'm on a slow connection which takes considerable time to download that image. If I'm putting the
in the head tag, then will it wait for the image to be downloaded or it will fire when all the HTML is downloaded?

In case it fires when all the HTML is downloaded, how do I avoid it?

How do I make the
function fire after the 2.5MB data transfer?


Fire when the DOM is loaded (even if multimedia no loaded yet)


Fire when all the content is loaded (when the progress indicator which shows the loading process is gone)