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

Question

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

有没有在线服务，比如 jsbin，jsfiddle 用于执行，我可以把代码放进去，比如

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

并获得执行时间？

Answer 1

一种选择是

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);

Answer 2

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

Answer 3

var startTime = Date.now();

// code ...

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

Answer 4

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

方法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();

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