使用User Timing api

Question

如何衡量脚本从头到尾运行所需的时间？

 start-timing
   //CODE
 end-timing

Answer 1

编辑：2011年1月，这是最好的解决方案。其他解决方案（例如performance.now()）应该是首选。

var start = new Date();
    // CODE
var time = new Date() - start;
// time is the number of milliseconds it taken to execute the script

您可能还想将其包装在函数中：

function time_my_script(script) {
    var start = new Date();
    script();
    return new Date() - start;
}

// call it like this:
time = time_my_script(function() {
    // CODE
});

// or just like this:
time = time_my_script(func);

如果您要尝试配置代码，可能需要尝试Firebug扩展程序，其中包含一个javascript探查器。它有一个很好的用户界面来进行性能分析，但它也可以用console api 编程方式完成：

console.time('timer1');
    // CODE
console.timeEnd('timer1'); // this prints times on the console

console.profile('profile1');
    // CODE
console.profileEnd('profile1'); // this prints usual profiling informations, per function, etc.

Answer 2

使用performance.now()代替new Date()。这提供了更准确和更好的结果。请参阅此回答https://stackoverflow.com/a/15641427/730000

Answer 3

这是一个像秒表一样工作的快速功能

var Timer = function(id){
  var self = this;
  self.id  = id;
  var _times = [];
  self.start = function(){
    var time = performance.now();
    console.log('[' + id + '] Start');
    _times.push(time);
  }
  self.lap = function(time){
    time = time ? time: performance.now();
    console.log('[' + id + '] Lap ' + time - _times[_times.length - 1]);
    _times.push(time);
  }
  self.stop = function(){
    var time = performance.now();
    if(_times.length > 1){
      self.lap(time);
    }
    console.log('[' + id + '] Stop ' + (time - _times[0]));
    _times = [];
  }
}
// called with
var timer = new Timer('process label');
timer.start(); // logs => '[process label] Start'
// ... code ...
timer.lap();   // logs => '[process label] Lap ' + lap_time
// ... code ...
timer.stop();  // logs => '[process label] Stop ' + start_stop_diff

Answer 4

使用User Timing api

例如：在JS文件的开头中写：performance.mark("start-script")

在JS文件的 end 上写：performance.mark("end-script")

然后你也可以测量它：

performance.measure("total-script-execution-time", "start-script", "end-script");

这将为您提供运行整个脚本执行所需的时间。

如何衡量脚本的执行时间？

4 个答案:

使用User Timing api