正在测量服务器响应时间(客户端）

Measuring server response time (client-side)

本文关键字：客户端 响应时间 服务器 测量      更新时间：2023-09-26

我想实现一个脚本，该脚本可以在没有任何额外插件（Java等）的情况下，使用常规浏览器从客户端测量我的服务器（=远程url）的响应时间。

我只关注网络速度（响应时间），而不是页面加载速度

你建议我量什么？它必须在tcp/ip上运行，而不是像ICMP（ping）那样运行。

您将如何绕过客户端的实现？我更喜欢使用JavaScript（JQuery）。

更新：由于我需要跨域检查，ajax调用似乎不是的选项

此外，ajax方法似乎一点也不精确。与FireBug 的信息相比，测试机器上的结果似乎有大约50ms的开销（这几乎是一个恒定值，无论域是什么-我想这是两者之间的处理时间）

您只需要计时一个请求：

var sendDate = (new Date()).getTime();
$.ajax({
    //type: "GET", //with response body
    type: "HEAD", //only headers
    url: "/someurl.htm",
    success: function(){
        var receiveDate = (new Date()).getTime();
        var responseTimeMs = receiveDate - sendDate;
    }
});

创建一个资源，它总是在类似mysite.net/speedtest的url上返回一个空的200 OK响应

var startTime = (new Date()).getTime(),
    endTime;
$.ajax({
    type:'GET',
    url: 'http://mysite.net/speedtest',
    async: false,
    success : function() {
        endTime = (new Date()).getTime();
    }
});
alert('Took ' + (endTime - startTime) + 'ms');

这将为您提供向服务器发送请求所需的时间，再加上服务器加载响应请求所需最小资源集所需要的时间。

新增：您的问题与您添加的其他信息不一致。你想让客户端ping到一个你无法控制的URL——这与你最初要求的完全不同，从你的服务器获得响应时间。如果您试图让客户端ping到服务器，那么ajax调用就可以了。如果你试图将他们的ping发送到其他服务器，那么我有点困惑你的目标是什么。

var startTime = (new Date()).getTime(),
    endTime;
$.ajax({
type: "GET",
url: "test.html",
dataType: "html",
success:function(data){
endTime = (new Date()).getTime();
}
});

现在就来看看区别吧。

你可以很容易地做到这一点。

var t = Date.now();
var t2;
$.ajax({
    url:'page',
    success:function(){
       t2 = Date.now();
       console.log(t2-t);//the time needed to do the request
    }
});

要请求的页面应该为空，以模拟额外的加载时间。

相关文章：