Create a gist now

Instantly share code, notes, and snippets.

performance.now() polyfill (aka perf.now())
// @license http://opensource.org/licenses/MIT
// copyright Paul Irish 2015
// Date.now() is supported everywhere except IE8. For IE8 we use the Date.now polyfill
// github.com/Financial-Times/polyfill-service/blob/master/polyfills/Date.now/polyfill.js
// as Safari 6 doesn't have support for NavigationTiming, we use a Date.now() timestamp for relative values
// if you want values similar to what you'd get with real perf.now, place this towards the head of the page
// but in reality, you're just getting the delta between now() calls, so it's not terribly important where it's placed
(function(){
if ("performance" in window == false) {
window.performance = {};
}
Date.now = (Date.now || function () { // thanks IE8
return new Date().getTime();
});
if ("now" in window.performance == false){
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart){
nowOffset = performance.timing.navigationStart
}
window.performance.now = function now(){
return Date.now() - nowOffset;
}
}
})();
@JofArnold

CoffeeScript version with +new Date() to accommodate IE8

do ->
  # prepare base perf object
  if typeof window.performance=='undefined'
    window.performance = {}
  if not window.performance.now
    nowOffset = +new Date()
    if performance.timing and performance.timing
      nowOffset = performance.timing.navigationStart
    window.performance.now = ->
      now = +new Date()
      return now - nowOffset
@qxk23
qxk23 commented Jul 9, 2013

Wondering if line 15 should be:

if (performance.timing && performance.timing.navigationStart){
@justnorris

@JofArnold thanks. Exactly what I needed.

@drewwells

Date.now() is not available in IE8. Also, without navigationStart what value is this polyfill? The numbers this polyfill would produce will not be comparable to the real performance.now(). It should do nothing for browsers lacking navigationStart.

@lonce
lonce commented May 6, 2014

Thank you!

@ccarterc

This makes it easier for testing. Thanks for the script. Now I don't have to have two versions of performance scripts to juggle.

@ianwremmel

For those of us in the corporate world, could you provide a license for this gist?

@JordanDelcros

Avoiding conditions:

window.performance = (window.performance || {
    offset: Date.now(),
    now: function now(){
        return Date.now() - this.offset;
    }
});
@Markus-ipse

@JordanDelcros That doesn't work in IE9, because it has window.performance (but not window.performance.now)

@justluvher

thank you~!!!!!!

@bikemule

If anyone does Apache Cordova (a.k.a. Phonegap) dev, the iOS web view in there doesn't support performance either. At least not through Evothings workbench. I have yet to test with an actual built Cordova app, but I don't think it will make a difference.

@ti0ma
ti0ma commented May 30, 2016

Thank you!! Solved my problem with Opbeat AngularJS plugin. Also thanks to @lukehedger for creating the bower package!

@rubencodes

Wonderful! Thanks. Used this to patch support for iOS 8. Would be nice if Polyfill.io offered performance.timing instead of just performance.now polyfill...

@triblondon

As @rubencodes implies above, polyfill.io now has a performance.now polyfill, and the benefit is that it will polyfill Date.now for you automatically if needed:

https://polyfill.io/v2/polyfill.min.js?features=performance.now

@sfinktah
sfinktah commented Nov 2, 2016

@JofArnold that's not very idiomatic coffee-script, and looks like it needs updating to match the modified gist.

    do ->
      window.performance = {} unless 'performance' of window
      Date.now = if Date.now then Date.now else -> (new Date).getTime()
      unless 'now' of window.performance
        nowOffset = performance.timing?.navigationStart ? Date.now()
        window.performance.now = ->
          Date.now() - nowOffset

2016 what now?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment