jQuery ajax在Chrome和Safari中发布大数据的速度很慢

Question

我必须用javascript和php进行带宽测试，我使用jQuery，并尝试所有浏览器，但是：

• 火狐浏览器 - 最高：7-8 Mbps
• 资源管理器 9 - UP：7-8 Mbps
• 歌剧 - UP：7-8 Mbps
• 野生动物园 - UP：有时 800-900 kbps
• Chrome - UP：100-200 kbps 或无数据

您是否有任何想法来提高这些浏览器的性能或其他衡量速度的好技术？

sendFile: function (s, d, m){ // size, data, metric
    m++; // how many times I tried to post data
    console.log('m: '+m);
    time = new Date(); 
    endTime3=time.getTime(); // execute time start
    if(s<=65536){
        $.ajax({
            type : 'POST',
            url : '/vegpont/savszelesseg/',
            timeout: 30000,
            dataType: 'text',
            cache: false,
            data: {
                index : 3,
                text: d // large data, min 512 KB to 
            },
            success : function(data){
                console.log('kB: '+s);
                time = new Date(); 
                endTime4=time.getTime(); // execute time end
                console.log('sec: '+(endTime4-endTime3)/1000);
                if(((endTime4-endTime3)/1000)<sec){ // sec now equals 4
                    speedTest.createFile(s*2, m); // create a data which is 's' (aka size) large then call this sendfile method
                }else{
                    var delta=(endTime4-endTime3)/1000;
                    var res=Math.round(s/delta);
                    $('div#speedResult3').html('<b>UP:</b><br/>kB: '+s+', '+
                    'sec: '+delta+'<br/>' +
                    '<b>~ '+res*8+' kbps</b>');
                    $('div#speedResult3').slideDown(1000);
                    $('div.buttonContainer').unblock();
                }
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                if(textStatus=='timeout'){
                    if(m>10){
                        $('div#speedResult3').html('<b>UP:</b><br/>sikertelen mérés');
                        $('div#speedResult3').slideDown(1000);
                        $('div.buttonContainer').unblock();
                    }
                    else{
                        speedTest.createFile(s, m); // create a data which is 's' (aka size) large then call this sendfile method
                    }
                }
            }
        });
    }else{ ...

Answer 1

根据我的个人经验，JQuery（和大多数webkit）很臃肿，会导致许多问题，因为他们更关心重新发明轮子来制作自己的跨浏览器版本的功能，而不是提供检测到缺失内容的优化扩展。为此，由于多种原因，这些webkit（又名JavaScript API）会产生大量额外的开销。

我建议你尝试纯javascript原生AJAX调用，看看性能如何。

链接如何使用纯 javascript 实现此目的：

http://www.javascriptkit.com/dhtmltutors/ajaxgetpost.shtml

http://www.openjs.com/articles/ajax_xmlhttp_using_post.php