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

【问题标题】：Javascript: measure code execution time onlineJavascript：在线测量代码执行时间
【发布时间】：2013-06-24 17:23:39
【问题描述】：

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

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

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

并获取执行时间？

【问题讨论】：

标签： javascript performance performance-testing

【解决方案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() – stackoverflow.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/

【讨论】：