Javascript ajaxing在Chrome和IE中比Mozilla慢得多,这怎么可能呢?

Javascript ajaxing在Chrome和IE中比Mozilla慢得多,这怎么可能呢?,javascript,jquery,ajax,Javascript,Jquery,Ajax,我想请你找出问题的症结所在,为什么我正在工作的网站速度很慢 问题的条件: 行数太多(因此我认为问题可能与此有关。) 有一个ajaxing事件(我已经厌倦了评论它,问题消失了) 不使用Mozilla(此冻结效果出现在IE和Chrome中) 问题描述(请参见图): 我更改输入的值 在有一个ajax调用(为了计算奖品)和之后,它需要大约30毫秒的FF,否则超过1秒 在ajax完成之前会有一个冻结(但ajax没有设置为async:false) 只有在这之后,我才能更改下一个输入 我已经厌倦了重现

我想请你找出问题的症结所在,为什么我正在工作的网站速度很慢

问题的条件:

  • 行数太多(因此我认为问题可能与此有关。)
  • 有一个ajaxing事件(我已经厌倦了评论它,问题消失了)
  • 不使用Mozilla(此冻结效果出现在IE和Chrome中)
问题描述(请参见图):

  • 我更改输入的值
  • 在有一个ajax调用(为了计算奖品)和之后,它需要大约30毫秒的FF,否则超过1秒
  • 在ajax完成之前会有一个冻结(但ajax没有设置为async:false)
  • 只有在这之后,我才能更改下一个输入
我已经厌倦了重现这个错误,但我做不到。因此,请查看原始站点:

网址:foto/fotokidogozas/elohivas-beallitasok.php

登录并通过:d838292@rtrtr.com

更新:现在可以正常工作了,诀窍如下:

我使用隐藏的输入字段,它们的值是json_encode-d字符串。我可以随时用js处理它们

谢谢你的帮助

代码:


问题是隐藏的数据太大(),从而缩短了处理时间。(Firefox似乎编码很好,因为这并不重要)


现在问题已经解决。

在问题中发布相关代码。我的系统上的FF14b、IE9和Chrome19之间没有区别。请求的执行时间(来自DevTools中的“网络”选项卡)和视觉效果-都是相等的。我的一个脚本在使用Comet和Ajax时遇到了相同的问题:一个Chrome代理冻结,另一个(开箱即用)不冻结。@AndrewD。我想你有Faster CouComputer,这个过程需要大量的内存/cpu资源,不是吗?如果你在firefox中进行大部分开发,你可能已经缓存了大部分调用,包括dns查找和,这可能需要几秒钟的时间。
$('#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() });


});