Оптимизируйте производительность страницы вместо использования события прокрутки JavaScript

Question

У меня есть длинная прокрутка веб-страницы с большим количеством элементов div. Каждый элемент div содержит различные разделы страницы.

Для повышения производительности, т. Е. Для сокращения времени загрузки страницы, я загружаю только первые два элемента div с данными во время загрузки страницы.

Для заполнение остальных элементов div данными, которые я использую JavaScript событие прокрутки. Всякий раз, когда пользователь прокручивает дальше div с данными, я динамически заполняю следующие данные div с ajax. Пожалуйста, обратитесь к примеру кода: -

var div3 = 1;
var div4 = 1; 

$(window).scroll(function () {
        var scrltp = $(window).scrollTop();        
        if ((scrltp) > $("#div2").offset().top) {      
            if (div3 == 1) {
                div3 = 0;
                $("#dv3").load("PageUrl"); //Action Method url
            }
        }
        if ((scrltp) > $("#dv3").offset().top) {            
            if (div4 == 1) {
                div4 = 0;
                $("#dv4").load("PageUrl");
            }
        }
       ..........
       ..........
}

Есть ли лучший способ оптимизировать производительность страницы вместо использования события прокрутки?