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

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

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