How is it possible that ajaxing is much slower in Chrome and IE than Mozilla?

I would like to ask you to find out why the site I work on is slow.

conditions of the problem:

  • a large number of lines (so I think the problem is with this.)
  • there is an ajaxing event (I'm tired of commenting on this and the problem has disappeared).
  • using non Mozilla (this freeze effect appears in IE and Chrome)

description of the problem (see image):

  • I am changing the input value
  • after calling ajax (to calculate the gain) and it takes in FF about 30 ms, otherwise more than 1 s
  • a freeze occurs until ajax completes (but ajax is not set to async: false)
  • only after that I can change the next input

I was tired of reproducing the error, but I could not. So check out the source site:

: foto/fotokidolgozas/elohivas-beallitasok.php

: d838292@rtrtr.com

: , :

, - json_encode-d. js.

enter image description here

!

:

$('#cikkek,#magic_bar').on("change","select,textarea,input[type!=hidden]",function(event_object){
    if( $(this).attr('name') == "kijelolve" && !$(this).parents('#magic_bar').length)return true;

    var cikk_id = $(this).parents('.cikk').attr('id');
    var cikk_tipus = $("input[name=cikk_tipus]").val();
    var tulajdonsag = $(this).attr('name');     
    var ertek = $(this).val();
    if(ertek == "-1")return false;      
    if($(this).is('[type=checkbox]'))ertek = $(this).prop("checked")?'1':'0';

    if(cikk_tipus=='fotokidolgozas' && (tulajdonsag=='meret'||tulajdonsag=='vagas'))
        {
            var sor = $(event_object.target).parents('.cikk');
            var act_meret = sor.find('select[name=meret]').val();
            var act_fill = sor.find('select[name=vagas]').val();
            var act_zold_class = sor.find("input[name=zold_"+act_meret+"]").val()=="1" ?"zold":"feher" ;
            var name = "src_"+act_meret+"_"+act_fill;                   
            var name2 = "szoveges_uzenet_"+act_meret+"_"+act_fill;                  
            sor.find(".img_cont").find("img").attr("src",sor.find("input[name="+name+"]").val());   
            sor.find(".szoveges_uzenet").text(sor.find("input[name="+name2+"]").val());
            sor.find(".dpi_megfelel").text(sor.find("input[name=minoseg_"+act_meret+"]").val()+" ("+sor.find("input[name=dpi_"+act_meret+"]").val()+" dpi)");
            sor.find("select[name=meret]").removeClass("feher zold").addClass(act_zold_class);
        }

    var before = now();

    //this is the ajax part
    if(ajax_modositaskor)
    $.post('/_fn/cikk/mod.php',{
        'cikk_tipus':cikk_tipus,
        'cikk_id':cikk_id,
        'tulajdonsag':tulajdonsag,
        'ertek':ertek
        },function(a){
            var elapsed = now() - before;
            if(a[0]!="1")
            {
                //error
                alert(a[0]);
                return;
            }
            if(a[1]!="-1")
            {
                //there is new price
                $(event_object.target).parents('.cikk').find('.ar').text(a[1]);     
            }
            if(a[2]!="-1")$('#cikkek_ara').text(a[2]);
            osszegzest_frissit(a[3]);               
            var php_time = Math.round(a[4])
            a_min = Math.min(a_min,elapsed);
            p_min = Math.min(p_min,parseFloat(php_time));
            a_max = Math.max(a_max,elapsed);
            p_max = Math.max(p_max,parseFloat(php_time));
            if(!a_avg)a_avg = elapsed;else a_avg= Math.round((a_avg+elapsed)/2);
            if(!p_avg)p_avg = php_time;else p_avg = Math.round((p_avg+php_time)/2);             
            trace("ajax="+elapsed+"\tphp="+php_time+"\tajax_min="+a_min+"\tphp_min="+p_min+"\tajax_max="+a_max+" \tphp_max="+p_max+"\tajax_avg="+a_avg+" \tphp_avg="+p_avg);                

        },"json").error(function() { postHiba() });


});
+5
1

, (. ), . (Firefox, , , )

.

+1

All Articles