Javascript：在线测量代码执行时间

Posted 2023-02-23

【中文标题】Javascript：在线测量代码执行时间

【英文标题】：Javascript: measure code execution time online

【发布时间】：2013-06-24 17:23:39

【问题描述】：

我需要测试一些代码变体（本机/带有插件）的性能差异。

有没有在线服务，比如jsbin、jsfiddle等执行，我可以把代码放进去， 喜欢

// BEGIN
var bla;
jQuery.map(bla, function());
// END

并获取执行时间？

【参考方案1】：

到目前为止我发现的以下方法：-

方法一：-

let start = window.performance.now()
/// Your code goes here
let end = window.performance.now()
console.log(`Component Persing Time: $end - start ms`);

方法2：-

let start = Date.now()
/// Your code goes here
let end = Date.now()
console.log(`Component Persing Time: $end - start ms`);

方法3：-

console.time();
// Your code goes here
console.timeEnd();

您可以继续进行上述任何方法，但得到相同的结果。快乐编码。 :)

【参考方案2】：

一个选项是

jsperf.com

或

//works in chrome and firefox
console.time("myCode"); // 'myCode' is the namespace
//execute your code here
console.timeEnd("myCode");

或

var startTime = window.performance.now();
//execute your code here
console.log(window.performance.now() - startTime);

【讨论】：

window.performance.now() 应该被使用而不是new Date() – ***.com/a/21121773/1131963

【参考方案3】：

var startTime = Date.now();

// code ...

console.log("Elapsed time (ms): " + (Date.now() - startTime));

【参考方案4】：

使用“用户计时 API”是一种现代方式：http://www.html5rocks.com/en/tutorials/webperformance/usertiming/