Чем отличается DOMContentLoaded от других событий загрузки в JavaScript?

DOMContentLoaded отличается от других событий загрузки в JavaScript тем, что происходит, когда браузер полностью загрузил HTML-код страницы и построил дерево DOM, но внешние ресурсы, такие как изображения и таблицы стилей, могут ещё загружаться. www.internet-technologies.ru learn.javascript.ru

Другие отличия:

• Событие load происходит, когда загрузилась и HTML-страница, и все ресурсы для её отображения пользователю: стили, картинки и так далее. university.ylab.site DOMContentLoaded всегда происходит раньше, чем load. university.ylab.site
• Событие DOMContentLoaded гарантирует, что DOM готов, можно искать узлы по нему и не бояться, что что-то не догрузилось. university.ylab.site Событие load дополнительно гарантирует, что все стили и картинки готовы. university.ylab.site В этот момент размеры элементов на странице посчитаны верно и доступны. university.ylab.site