Usage of Navigation Timing API

timing.js

var events = ['navigationStart',
    'unloadEventStart',
    'unloadEventEnd',
    'redirectStart',
    'redirectEnd',
    'fetchStart',
    'domainLookupStart',
    'domainLookupEnd',
    'connectStart',
    'connectEnd',
    'secureConnectionStart',
    'requestStart',
    'responseStart',
    'responseEnd',
    'domLoading',
    'domInteractive',
    'domContentLoadedEventStart',
    'domContentLoadedEventEnd',
    'domComplete',
    'loadEventStart',
    'loadEventEnd'];

var navigationStart = window.performance.timing.navigationStart;
for (var i = 0; i < events.length; i++) {
    var event = events[i];
    var value = window.performance.timing[event];
    if (value) {
        console.log('%o: %o', event, value - navigationStart);
    }
}