在Javascript中检测互联网速度？ [复制]答案

【问题标题】：detecting internet speed in Javascript? [duplicate]在Javascript中检测互联网速度？ [复制]
【发布时间】：2016-10-28 12:52:07
【问题描述】：

我找到了一个很好的例子，她的 stackoverflow 如何使用 JavaScript 检测互联网速度。但是当我运行代码时，它显示为 1.14 Mbps，但在实际速度测试服务中，我确实超过了 80 Mbps。有人能告诉我为什么会这样吗？我该如何改进？

var imageAddr = "http://www.w3schools.com/css/trolltunga.jpg"; 
var downloadSize = 45941; //bytes

function ShowProgressMessage(msg) {
    if (console) {
        if (typeof msg == "string") {
            console.log(msg);
        } else {
            for (var i = 0; i < msg.length; i++) {
                console.log(msg[i]);
            }
        }
    }

    var oProgress = document.getElementById("progress");
    if (oProgress) {
        var actualHTML = (typeof msg == "string") ? msg : msg.join("<br />");
        oProgress.innerHTML = actualHTML;
    }
}

function InitiateSpeedDetection() {
    ShowProgressMessage("Testing your internet connection quality...");
    window.setTimeout(MeasureConnectionSpeed, 1);
};    

if (window.addEventListener) {
    window.addEventListener('load', InitiateSpeedDetection, false);
} else if (window.attachEvent) {
    window.attachEvent('onload', InitiateSpeedDetection);
}

function MeasureConnectionSpeed() {
    var startTime, endTime;
    var download = new Image();
    download.onload = function () {
        endTime = (new Date()).getTime();
        showResults();
    }

    download.onerror = function (err, msg) {
        ShowProgressMessage("Invalid image, or error downloading");
    }

    startTime = (new Date()).getTime();
    var cacheBuster = "?nnn=" + startTime;
    download.src = imageAddr + cacheBuster;

    function showResults() {
        var duration = (endTime - startTime) / 1000;
        var bitsLoaded = downloadSize * 8;
        var speedBps = (bitsLoaded / duration).toFixed(2);
        var speedKbps = (speedBps / 1024).toFixed(2);
        var speedMbps = (speedKbps / 1024).toFixed(2);
        ShowProgressMessage([
            "Your connection speed is:", 
            speedBps + " bps", 
            speedKbps + " kbps", 
            speedMbps + " Mbps"
        ]);
    }
}

【问题讨论】：

好吧，也许另一端的服务器只能以 1.14Mbps 的速度推送？
也许 w3schools 服务器提供图片有点慢？
我很难相信当你输入这个问题的标题时上面没有出现？ How do I ask a good question?“搜索和研究”
我无法想象您会使用 45K 图像获得准确的速度。下载速度取决于许多因素，并且可能会在请求期间发生变化，这就是为什么更好的速度测试使用更大的资源（数 MB）以获得更长时间内的平均速度。
#Liam 是的，这是一个重复的问题。事实上我从一开始就指出我在stackoverflow中找到了这个她。但是没有评论为什么会有差异。

标签： javascript

【解决方案1】：

我认为这是包在网络中传输方式的问题。

我无法 100% 解释它，但传输以比可能更低的速度开始，并在传输过程中尽可能增加。因此，当您以这种方式进行测量时，您永远不会获得最大速度。当您下载更大的文件（尝试 5mb）时，您可以接近最大速度，您将获得更精确的结果。

【讨论】：