Javascript как выполнить действие до начала прокрутки страницы?

У меня есть ПК с низкой производительностью. И сайт с разными эффектами. На нормальных ПК с нормальной производительностью все работает норм, а вот с низкой производительность - не очень. Я решил провести оптимизацию...

Например:

$(window).on('scroll',function() {
        $('#el').css({color:'red'});
    });

Я прокручиваю страницу колесиком мыши. На ПК с низкой производительностью вижу:

Сначала происходит прокрутка контента.
И только потом применяется $('#el').css({color:'red'});
Пробовал плагин mousewheel https://github.com/jquery/jquery-mousewheel

$(window).on('mousewheel',function() {
        $('#el').css({color:'red'});
    });

Эффект точно такойже. Сначала происходит прокрутка контента. И только потом применяется $('#el').css({color:'red'});

Вопрос как сделать чтоб сперва выполнялись все действия, такие как $('#el').css({color:'red'}); А уже потом происходила прокрутка страницы... Что то вроде $(window).on('beforeScroll',function(){}); ... ???