php - ajaxを使用してスクロールダウン時にコンテンツを自動ロード

Question

ajaxを使用して、スクロールダウン時にテキストや画像などのコンテンツを自動的にロードするアプリケーション[php]を構築しました。コードはで正常にlocalhost動作しますが、サーバーに配置すると読み込みが遅くなり、ページがまったく読み込まれないか、すべてのコンテンツが一度に読み込まれることさえあります。この問題を克服できる代替手段はありますか?

これは、他のページからコンテンツをロードする私のコード スニペットです。

$(document).ready(function(){
var inc=5;
$(window).scroll(function() {
    if ($('body').height()-190 <= ($(window).height() + $(window).scrollTop())) {
    inc=inc+3;
        var dataString = inc;
        $.ajax({
            type: "POST",
            url: "two.php",
            data: {'limit': dataString},
            success: function(data) {
                $('#a').html(data);
            }
        });
    }
});
});

画像サイズが 100kb であると仮定すると、アプリはスクロールごとに 4 ～ 5 個の画像を読み込みます。また、コンテンツはphpを介してmysqlデータベースから取得されます。また、「two.php」ファイルには、フェッチされるすべてのデータが含まれています。変数は、limitmysql クエリに制限を設定するためにのみ使用されます。つまり、返される行数です。