Javascript:在线测量代码执行时间
Javascript: measure code execution time online
我需要测试一些代码变体(本机代码/插件代码)的性能差异。
有没有一个在线服务,比如用于执行的jsbin、jsfiddle,我可以在其中放入代码,像
// BEGIN
var bla;
jQuery.map(bla, function(){});
// END
并获得执行时间?
一个选项是
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);
使用"用户计时API"是一种现代的方法:
http://www.html5rocks.com/en/tutorials/webperformance/usertiming/
到目前为止,我发现了以下方法:-
方法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();
您可以继续执行上述任何方法,但会得到相同的结果。快乐编码。:)
var startTime = Date.now();
// code ...
console.log("Elapsed time (ms): " + (Date.now() - startTime));
相关文章:
- setTimeout函数能否在其前面的代码执行之前激发
- 延迟代码执行,直到下载完成
- 如何优化这个jquery循环的执行时间
- 不确定react.js的异步执行时间
- 奇怪的javascript代码执行顺序
- 将字符串作为一段 HTML/javascript 代码执行
- 使用AngularJS,如何在视图和控制器同步特定更改后触发代码执行
- 如何在boomrang页面加载时间中添加ajax执行时间
- 执行时间,AMPScript/JavaScript
- 测量JavaScript函数的内存使用情况、执行时间和性能
- onKeyUp 导致代码执行两次
- JQuery:将参数传递给插件以限制代码执行
- JavaScript代码执行时间
- 在执行时间循环中使用继续
- 基本的JavaScript代码执行
- JavascriptCore:从本机代码执行JavaScript定义的回调函数
- 脚本标记的位置会影响代码执行
- for 循环元素的执行时间比内部 AJAX 调用可以响应的要快
- Javascript:在线测量代码执行时间
- 如何结合两个jQuery函数的代码来减少执行时间?