browser timing events

timeit.js

(function() {
  if(window.chrome) {
    setTimeout(function(){
      var timing = window.performance.timing;
      var pairs = ['connect',
        'domContentLoadedEvent',
        'loadEvent',
        'domainLookup',
        'response',
        'unloadEvent'
        ];

      var metrics = {
        'requestStart': null,
        'fetchStart': null,
        'secureConnectionStart': null,
        'navigationStart': null,
        'domComplete': null,
        'domLoading': null,
      };

      for(var i in metrics) {
        metrics[i] = timing[i];
      }

      for(var i in pairs) {
        var pname = pairs[i];
        metrics[pname] = timing[pname + 'End'] - timing[pname + 'Start'];
      }

      metrics['processingTime'] = timing['responseStart'] - timing['requestStart'];
      metrics['loadTime'] = timing['domContentLoadedEventEnd'] - timing['navigationStart'];

      console.log(metrics);
    }, 3000);
    // 3 seconds works as a max timeout.
  }
})();