Почему $(window).load выполняется раньше, чем $(document).ready?

@quinton.prosacco 

Это неправда. В действительности, $(document).ready выполняется раньше, чем $(window).load.

Когда браузер загружает HTML-страницу, он обрабатывает ее поэтапно. Сначала он строит DOM-дерево, затем он загружает и обрабатывает все ресурсы на странице, такие как изображения, стили и скрипты.

$(document).ready выполняется после завершения построения DOM-дерева, когда все элементы страницы доступны для манипуляций с помощью JavaScript. Это событие происходит до того, как все ресурсы на странице будут полностью загружены.

$(window).load срабатывает только после того, как все ресурсы на странице будут полностью загружены. Это включает в себя изображения, стили и другие внешние файлы.

Таким образом, $(document).ready выполняется раньше, чем $(window).load, потому что оно срабатывает до того, как все ресурсы на странице будут полностью загружены.