When does document.ready actually fire?

Question

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

Answer 1

$(document).ready(...)

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

$(window).load(...)

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