如何在客户端javascript中查找服务器响应时间

【问题标题】：How to find server response time in client side javascript如何在客户端javascript中查找服务器响应时间
【发布时间】：2021-06-06 02:00:20
【问题描述】：

我正在构建一个只关注速度/响应时间的内容交付应用程序，我想找到一种方法来测试与我的直接竞争对手相比的响应时间。有没有办法在客户端 JavaScript 中测试服务器响应时间？所有的帮助都是有益的。

【问题讨论】：

标签： javascript node.js reactjs client-side response-time

【解决方案1】：

在尝试对Google Analytics timing 命中进行逆向工程时，我必须计算相同的值。解决方案是使用Navigation Timing API:

var serverResponseTime = window.performance.timing.responseStart - window.performance.timing.fetchStart;

上面的 JS 给出了服务器响应时间，单位是 ms。这对我有帮助，所以希望它也是您正在寻找的。p>

【讨论】：

【解决方案2】：

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;

}});

【讨论】：

虽然此代码可能会回答问题，但提供有关此代码为何和/或如何回答问题的额外上下文可提高其长期价值。