Выполнить скрипт до того, прежде чем пользователь увидит содержимое страницы

const data = {
    int: function(){
       ****
    }
}
window.addEventListener('DOMContentLoaded', () => data.int());

Таким образом запускаю скрипт тогда когда браузер принял документ но все еще не отобразил. Вопрос немного в другом. Смущает, что запускаю объект как то отдельно...

Во первых почему не работает так

window.onDOMContentLoaded = () => data.int();

Эстетически смотрится куда лучше, в случаи

window.onresize = () => this['content_p'];

Работает... Почему в одном случаи не работает, в другом работает?

Возвращаясь к вопросу. Возможно ли как только объявляем класс, тут же его запустить как только браузером будет принят документ. То есть выполнить код как одно целое, а не отдельно от него?