window.performance.timing

README.md

Timeline

• https://msdn.microsoft.com/en-us/library/ff975075
• http://www.html5rocks.com/en/tutorials/webperformance/basics/

timeline.js

(function() {
  var timingKeys = ['connectEnd', 'connectStart', 'domComplete', 'domContentLoadedEventEnd', 'domContentLoadedEventStart',
      'domInteractive', 'domLoading', 'domainLookupEnd', 'domainLookupStart', 'fetchStart', 'loadEventEnd', 'loadEventStart',
      'navigationStart', 'redirectEnd', 'redirectStart', 'requestStart', 'responseEnd', 'responseStart', 'unloadEventEnd',
      'unloadEventStart'];
  
  timingKeys
    .map(function (key) {
      return {
        key: key,
        value: window.performance.timing[key]
      };
    })
    .sort(function (a, b) {
      if(a.value > b.value) {
        return 1;
      }
      
      if(a.value < b.value) {
        return -1;
      }
    
      return 0;
    })
    .forEach(function (metric) {
      console.log(metric.key + ' at ' + metric.value);
    });
})();