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

---

У меня есть веб-страница с длинной прокруткой и множеством 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");
            }
        }
       ..........
       ..........
}

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

---