jQuery ajax 在 Chrome 和 Safari 中发布大数据很慢答案

【问题标题】：jQuery ajax posting large data is slow in Chrome and SafarijQuery ajax 在 Chrome 和 Safari 中发布大数据很慢
【发布时间】：2012-09-20 10:22:48
【问题描述】：

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

Firefox - UP：7-8 Mbps
Explorer 9 - UP：7-8 Mbps
Opera - UP：7-8 Mbps
Safari - 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{ ...

【问题讨论】：

“增加这些浏览器”？你想增加什么？
哦，对不起，失语了：性能
可能问题出在webkit上。您是否尝试使用其他基于 webkit 的浏览器？
您可以在线发布该脚本以便我们进行实际基准测试吗？如果您还包括浏览器引擎版本的登录名，那就太好了。

标签： javascript jquery google-chrome safari

【解决方案1】：

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

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

链接如何使用纯 javascript 完成此操作：

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

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

【讨论】：