What is the difference between $(window).load and $(document).ready?

$(window).load is provided by the browser to show that all assets on the page (like images, videos) are loaded. So if any calculation or user of assets is needed in the code it should happen after $(window).load is done.

$(document).ready is used for DOM object tree loading. This means that we can be sure that DOM object is ready. Note DOM is loaded before page. So if you are trying to execute any code which uses page assets, it may fail.