モバイルブラウザを使用しているときに不安定でゆっくりとしたjQueryアニメーション

Question

こんにちは私は.animate（）と.slideToggle（）を使用するサイトを開発していますが、デスクトップブラウザでは問題なく動作しますが、私は最初にいくつかのパフォーマンスの問題があったが、その後私はアンドロイドのためにFirefoxを試して、それが速くて偉大な仕事を実現しました。

あなたは私にこの問題の解決につながる手がかりをくれますか？ 私は私を助けることができる何かを感謝します。

はここに私のコードです：

$("#respuestas, .responder").on("input", "textarea", function() { 
    let inp = $(this); 
    if(inp.val().length>1){ 
    inp.next(".form-section").find(".btn").removeClass("disabled"); 
    } else { 
    inp.next(".form-section").find(".btn").addClass("disabled"); 
    } 
}); 

$(".responder").on("click", ".res:not(.disabled)", function (evt) { 
    evt.preventDefault(); 
    let elm = $(this).attr("id").split("-"); 
    let id = <?=$id?>; 
    let txtArea=$("#contenido-" + id); 
    let data = txtArea.serializeArray(); 
    data.push({name: "qid", value: id}); 
    $.ajax({ 
    method: "post", 
    url: "../c/cqa.php", 
    data: data, 
    dataType: "json" 
    }).done(function (response) { 
    $.each(response, function (k, v){ 
     if (k==="status") { 
     if (v==="ok") { 
      txtArea.val(""); 
      $(".responder-" + id).click(); 
      let answerId = generateId(); 
      let seccionRespuestas = $("#respuestas"); 
      //respuestaDOM adds a div to the page 
      respuestaDOM(response['name'], response['img'], response['url'], response['contenido'], seccionRespuestas , answerId); 
      let answer = seccionRespuestas.find("#answer-" + answerId); 
      $("html, body").animate({ 
      'scrollTop': (answer.offset().top - 228) 
      }, 500); 
     }else{ 
      alert("Error."); //temporal alert 
     } 
     } 
    }); 
    }); 
}); 

が、私はちょうど別のポストに私のコードを試してみました

Answer 1

やあみんなお時間をいただき、ありがとうございます、私はそれは私がテストしたすべてのAndroidのブラウザで速いがわかりました、問題は本当にページのサイズだった、私は150以上のレコードをロードしていたので、ページが減速してぎこちないものになった。

ソリューションは誤解みんな

PDのため申し訳ありませんが、レコードをロードするときにページネーションシステムを作成することです：私が学んだ何かがFirefoxは「大のサイトにもwp78de @それ