javascript: 有没有可以测试网速的JS？

Question

我将测试我的网站速度，主要是网络服务器延迟。总结一下我想要实现的目标：

1）在我的网站上托管一个带有javascript的网页（http://myweb.com/test-speed.html）2

）我将此网址提供给我的朋友

3）他们不需要做任何事情，他们只需要访问这个网页，然后延迟就会在网页中打印出来。

4）如果网页还可以判断访问者处于哪种状态（使用IP地址范围数据库），那就更好了。

有现有的解决方案吗？ 我可以修改javascript来将数据记录到数据库中，但我认为这里的核心是如何编写javascript来了解延迟。

Answer 1

网络速度与网页加载延迟有很大不同，因为后者包括许多其他因素，例如服务器端计算时间、相关请求和缓存、渲染、异步元素等。

实际上，以下解决方案将测试从发送 GET 请求到完全接收响应正文（但在渲染任何内容或检索任何关联资产之前）之间的持续时间。我使用 jQuery 框架来稍微简化 XHR 创建过程，尽管您可以自由地使用替代实现。

// prepare the XHR object
$.ajax({
    beforeSend: function(){
        // right before firing off the request, create a global object that includes the request send time
        window.startTime = new Date();
    },

    // send the request to the root URI of this host
    url: '/',

    success: function(){
        // once the request comes back, record the end time
        window.endTime = new Date();

        // take the difference, which will yield a number in milliseconds, and print it out
        document.write(window.endTime - window.startTime + " ms");
    }
});

来源： http://jsfiddle.net/5h4GZ/

只需将其放入

网上有很多关于地理定位的教程，所以任何一个都可以。您可以利用 Geolocation API，但更有可能的是，您只需通过 IP 地址即可完成此操作，因为这实际上对您的需求更重要。为此，有大量在线网络服务可以为您提供基于 IP 的地理位置。当然，这一切都可以在服务器端完成，因此精确的实现将取决于您的技术。

Answer 2

1. var startTime = new Date;
2. 使用 XHR 向服务器请求一个简单的响应。 （jQuery 或更小的跨浏览器 XHR 包装器。）
3. var roundTripLatencyInMS = new Date-startTime; 在 XHR 请求的成功回调中。

Google for Geolocation 来回答与此问题无关的第二个问题，或者提出一个单独的问题。

Answer 3

我认为你可以使用以下命令进行基本的延迟测试：

<script type="text/javascript">
var time1 = new Date();
</script>

<script type="text/javascript" src="latency.js"></script>

latency.js 将具有：

var time2 = new Date();

我相信 time2 - time1 应该是粗略的往返延迟。这是执行 latency.js GET 请求并接收一行响应所需的时间。它并不精确，因为我们包括了用于处理数据包、传输实际线路（取决于带宽，而不是延迟）以及解析和执行 JavaScript 的时间。

然而，延迟仍应占主导地位。

如前所述，4. 是标准 IP 地理定位。 此是一个使用 google 的简单演示.loader.ClientLocation。 google.loader.ClientLocation.address.region 应该是美国的州。

Answer 4

这是一个 JavaScript 应用程序示例：

http://gfblip.appspot.com/

源代码位于：

https://github.com/apenwarr/blip